VUE2版本引入Element UI

一句话的事儿  

1，在cmd中打开vue项目文件夹，输入命令：

vue add element

2,加载后的选项如下：

How do you want to import Element? Fully import

选择全局还是按需引入-全局

Do you wish to overwrite Element's SCSS variables? Yes

是否使用SCSS-是

Choose the locale you want to load zh-CN

选择语言-中文

 

3， Successfully invoked generator for plugin: vue-cli-plugin-element

出现这一行就说明成功引入了；

 

打开项目确认：

 

 

 

 

 

如果界面中按钮不能点击而且控制台报错如下的话：

需要再项目文件夹里main.js中添加下面三行代码：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

如图：

 

效果如图：

按钮正常点击，控制台无报错。

 

剩下的就是在Element UI里面引用组件了。Element UI中文官网

 

结语：如果有错误或不足，恳请指出。如果有用的话，请多多点赞和关注吧，谢谢了！