vue中使用elementui

83 阅读1分钟

npm 安装

npm i element-ui -S

按需引入

npm install babel-plugin-component -D

将 .babelrc 修改为:

{
  "presets": ['@vue/cli-plugin-babel/preset'],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

接下来,如果你只希望引入部分组件,比如 Button 和 Select,那么需要在 plugins文件夹下的element.js 中写入以下内容:

import Vue from 'vue';
import { Button, Select } from 'element-ui';

Vue.use(Button)
Vue.use(Select)

然后在main.js写入以下内容

import './plugins/element.js'