VUE项目引入ElementUI

官网文档：Element - The world's most popular Vue UI framework

1、npm 安装

npm i element-ui -S

如遇版本问题，可在后面加 --legacy-peer-deps

（参考文章：npm ERR! code ERESOLVE 解决方法）

2、引入 Element

完整引入，在 main.js 中写入以下内容：

import Vue from 'vue';
import App from './App.vue'; //如果已经引入过则删掉此行
import Element from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

//size 用于改变组件的默认尺寸，zIndex 设置弹框的初始 z-index（默认值：2000）
Vue.use(Element, { size: 'small', zIndex: 3000 });

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

完成，可以使用啦~

---

原创不易，转载务必注明出处。