elementui按需加载

Posted 2020-11-16 qdwds

定义一个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)
});

喜欢的小伙伴可以关注我的微信公众号“前端伪大叔”