Vue3结合Element Plus插件如何实现自动导入功能

578 ℃

安装Element Plus脚手架

# NPM
$ npm install element-plus --save
 
# Yarn
$ yarn add element-plus
 
# pnpm
$ pnpm install element-plus

安装unplugin-auto-import等插件

$ pnpm i unplugin-auto-import unplugin-vue-components unplugin-icons -D

引用ElMessage方法

import { ElMessage } from 'element-plus'
import 'element-plus/es/components/message/style/css'

调用方法:

<!-- 直接使用 -->
<i-ep-menu />
 
<!-- 嵌套使用 -->
<el-icon><i-ep-menu /></el-icon>

盘点vue3的各种生命周期

推荐9款支持 Vue3 免费开源的前端 UI 组件库

如何在Vue3中使用watch监控一个对象的属性值

Vue3怎么运用pinia状态管理工具

Element UI中文官网Element Plus是一套基于Vue3.0的桌面端组件库

标签: Element Plus插件, unplugin-auto-import, vue3语法, vue自动导入功能

上面是“Vue3结合Element Plus插件如何实现自动导入功能”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_4584.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

es6语法中如何将字符串转为大小写
wordpress更改时间显示格式(几分钟前)
企业网站外链如何建设?
vuejs获取本周的日历
dedecms文章的评论次数如何调用