vue背景管理体系从0到1（3）element plus 的三种导入方式

vue背景管理体系从0到1（3）element plus 的三种导入方式

element plus 引入方式

1. 官方网址：https://element-plus.org/zh-CN/guide/quickstart.html

复制代码

完备引入

根据官网提升，起首在 main.js 中引入代码

在我们上一期的代码中到场以下三条代码

1. import ElementPlus from 'element-plus'
2. import 'element-plus/dist/index.css'
3. app.use(ElementPlus)

复制代码

然后我们测试一下，是否引入乐成，在app.vue中到场一个按钮

Main.vue

1. <script setup>
3. </script>
5. <template>
6. helloworld
7.   <RouterView></RouterView>
8.   <el-button>默认按钮</el-button>
9. </template>
11. <style scoped>
13. </style>

复制代码

运行代码看欣赏器

这种方式引入乐成
按需导入

第一步先下载插件

1. npm install -D unplugin-vue-components unplugin

复制代码