ElementUI使用按需引入

一、新建配置文件

在项目根目录新建config目录，config目录下新建element目录，element目录下新建index.js。index.js内容如下

import {
    Button,
    Select,
    Form,
    FormItem,
    Loading,
    Message
} from 'element-ui';

const element = {
    install: function(Vue) {
        Vue.use(Button);
        Vue.use(Select);
        Vue.use(Form);
        Vue.use(FormItem);
        Vue.prototype.$message = Message;
        Vue.prototype.$loading = Loading.service;
    }
};
export default element;

其中要注意Loading、Message的引入方式。更多类似控件的引入详见官方文档：https://element.eleme.cn/#/zh-CN/component/quickstart#an-xu-yin-ru

二、在main.js引入

在main.js添加

import element from './config/element/index'
Vue.use(element)

三、END

欢快使用