Element UI

官网： https://element.eleme.cn/#/zh-CN/component/installation
1.安装

安装命令： npm i element-ui -S
在main.js中完整引入Element
        import ElementUI from 'element-ui';
        import 'element-ui/lib/theme-chalk/index.css';
                //Vue.use(Element, { size: 'small', zIndex: 3000 });//Element全局配置对象，size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）
        Vue.use(ElementUI);

2.按需引入：
先安装 babel-plugin-component依赖，命令： npm install babel-plugin-component -D
然后再打开项目根目录中的 babel.config.js ，将下面的配置粘贴进去：（注意，官方文档中此步骤是错误的）

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

局部按需引入组件的使用示例：

        <script>
        import {Button} from 'element-ui';
        components:{
              "el-button":Button
        }

    <el-button type="primary">主要的按钮</el-button>
全局按需引入组件的使用示例：在main.js中
    import { Button, Select } from 'element-ui';
    Vue.prototype.$ELEMENT = { size: 'small', zIndex: 3000 };//Element全局配置对象，size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）
    Vue.use(Button)
    Vue.use(Select)