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

616 ℃

安装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,我们会在看到邮件的第一时间内为您处理!

帝国cms自定义列表模板里如何调用当前自定义列
帝国CMS7.0功能之专题大更新,功能更强大,制作
SEO问答:相关词能提高首页关键词的密度吗?
php数组可以返回指定元素的三种方法
织梦后台整合UEditor编辑器栏目内容、单页无法保