vue3项目之ElementPlus 按需引入
官方文档:https://element-plus.gitee.io/zh-CN/component/button.html。查看官方文档,基础组件中直接使用即可,反馈组件需要更复杂的引入方式。
·
ElementPlus 按需引入
下载依赖:
npm install element-plus --save
npm install -D unplugin-vue-components unplugin-auto-import
vite.config.ts
...
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
plugins: [
vue(),
AutoImport({
resolvers: [ElementPlusResolver()],
}),
Components({
resolvers: [ElementPlusResolver()],
}),
],
...
main.ts
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)
官方文档:https://element-plus.gitee.io/zh-CN/component/button.html
查看官方文档,基础组件中直接使用即可,反馈组件需要更复杂的引入方式
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献1条内容
所有评论(0)