vue2.0element ui 的按需引入

1. 安装element ui

npm i element-ui -S

2. 安装babel-plugin-component插件

npm install babel-plugin-component -D

3. 在babel.config.js文件中添加

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

4. 在main.js中将使用的组件引入

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

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

5. 在引入 Element 时，可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）。

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

Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };
Vue.use(Button);

element ui官网地址

https://element.eleme.io/#/zh-CN