位置:- 正文
vue3使用element-plus(vue3+elementplus)
编辑：rootadminvue3使用element-plus 
本文链接地址:https://www.jiuchutong.com/zhishi/297598.html
转载请保留说明！
下一篇链接:https://www.jiuchutong.com/zhishi/297599.html
推荐整理分享vue3使用element-plus(vue3+elementplus)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue3 element,vue3+elementplus,vue3 element,vue3+elementplus,vue3+element,vue3 element,vue3使用vuex,vue3使用vuex,内容如对您有帮助，希望把文章链接给更多的朋友！
element-ui 是配合 vue2 使用，element-plus 是配置 vue3 使用的
1. 安装1. 包管理器的方式
如果是使用 webpack 或者 vite 打包工具新建的项目
# NPMnpm install element-plus --save# Yarnyarn add element-plus2. 浏览器直接导入
直接通过浏览器的 HTML 标签导入 Element Plus，然后就可以使用全局变量 ElementPlus
<head> <!-- 导入样式 --> <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css" /> <!-- 导入 Vue 3 --> <script src="//unpkg.com/vue@3"></script> <!-- 导入组件库 --> <script src="//unpkg.com/element-plus"></script></head>2. 导入使用1. 导入全部组件且注册所有的图标// 导入 element-plusimport ElementPlus from "element-plus";// 导入 element-plus 样式import "element-plus/dist/index.css";// 导入 element-plus 图标import * as ElementPlusIconsVue from "@element-plus/icons-vue";// 注册所有图标for (const [key, component] of Object.entries(ElementPlusIconsVue)) { app.component(key, component);}