一、新建配置文件

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

  1. import {
  2. Button,
  3. Select,
  4. Form,
  5. FormItem,
  6. Loading,
  7. Message
  8. } from 'element-ui';
  9. const element = {
  10. install: function(Vue) {
  11. Vue.use(Button);
  12. Vue.use(Select);
  13. Vue.use(Form);
  14. Vue.use(FormItem);
  15. Vue.prototype.$message = Message;
  16. Vue.prototype.$loading = Loading.service;
  17. }
  18. };
  19. export default element;

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

二、在main.js引入

在main.js添加

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

三、END

欢快使用