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

歡快使用