element-ui全局引入和按需引入

最新推荐文章于 2024-06-11 07:48:09 发布

大魔王丫丫

最新推荐文章于 2024-06-11 07:48:09 发布

阅读量691

点赞数 2

文章标签： vue

本文链接：https://blog.csdn.net/weixin_48882471/article/details/115652958

版权

第一步

命令窗口输入cnpm i elementui from --save进行下载

第二步

如果是全局引入在main.js里面进行配置
import Vue from 'vue';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

如果是按需引入
先安装cnpm install babel-plugin-component -D
然后，将 .babelrc 修改为：
{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

第三步

接下来引用需要的element-ui组件
import Vue from 'vue';
import {
  Pagination,
  Dialog,
  Autocomplete,
  } from 'element-ui';
  Vue.use(Pagination);
  Vue.use(Dialog);
  Vue.use(Autocomplete);