Vue3按需引入ElementUI 这里记录下新构建的项目按需引入ElementUI
1、npm install --save element-ui
2、npm install babel-plugin-component -D
3、在 babel.config.js文件里如下图
文章图片
module.exports = {
presets: [
"@vue/cli-plugin-babel/preset",//这行是默认有的，其余是要加的。
["@babel/preset-env", { modules: false }],//之前第一项写的是es2015,但是报错了，后来看了别的博主，发现因为Vue版本太高了，写es2015会出错。
],
plugins: [
[
"component",
{
libraryName: "element-ui",
styleLibraryName: "theme-chalk",
},
],
],
};
【vue|Vue3按需引入ElementUI】4、
main.js文件中按需引入样式import { Button, Select } from "element-ui";
Vue.use(Button);
Vue.use(Select);
接下来就可以在vue文件中写了。
推荐阅读
- vue学习之路|vue中使用swiper插件
- Vue|绑定样式--class样式（字符串法、对象法、数组法）、style样式（直接绑定法、对象法、数组法）
- Vue|数据代理-Object.defineProperty -Vue中的数据代理
- Vue|事件处理、事件修饰符（详细）
- vue|vue-vue3(4)-计算属性与监视computed，watch，watchEffect
- vue|前端之vue计算属性与监视属性
- Vue|Vue（计算属性与监视属性）
- #|vu2 尚硅谷 组件化编程
- vue|Vue3.0 使用 ant-design-vue