elementui按需加載

定義一個ele.js文件

官網： https://element.eleme.io/#/zh-CN/component/quickstart

//    方法1
import 'element-ui/lib/theme-chalk/index.css';
import Vue from 'vue';
import {
  Button,
  Loading
} from 'element-ui';
Vue.use(Button); 
Vue.prototype.$loading = Loading.service;

//    main.js中引入這個文件
import ele from './ele.js'
//    這樣就能直接使用

//    方法2
import Vue from 'vue';
import { Button, Select } from 'element-ui';
import App from './App.vue';

Vue.component(Button.name, Button);
Vue.component(Select.name, Select);
/* 或寫為
 * Vue.use(Button)
 * Vue.use(Select)
 */

new Vue({
  el: '#app',
  render: h => h(App)
});

喜歡的小伙伴可以關注我的微信公眾號“前端偽大叔”