Vue第二章，在项目中使用element-ui组件

使用vue的童鞋相信都知道vue中有很多ui组件，这里推荐使用element-ui组件(个人测试还算强大，起码开发商野心不小)，因为此组件可以集成到angular、react、vue任意一个框架中。 第一步：在项目中下载element-ui，切换到项目目录文件下，使用

npm i element-ui --save
说明：这里将element-ui下载到vue项目中，具体是在node_modules目录下，有兴趣的童鞋可以去找找看
复制代码

第二步：将element-ui引入到项目中，具体步骤如下： -首先打开main.js

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);
Vue.config.productionTip = false
说明：
1、这里借用官网的引入方式全局引入，当然你也可以按需引入，这里不做说明。
2、css文件一定要单独引入。
3、最后一句Vue.use(ElementUI)一定不能丢掉，丢掉就无法使用了。
4、补充说明：Vue.config.productionTip = false;这句表示阻止 vue 在启动时生成生产提示，可以省略不写。
复制代码

总结说明：到这里已经将element-ui引入到vue中了，可以开心的使用了。

官方文档：element-cn.eleme.io/#/zh-CN

转载于:https://juejin.im/post/5ae314096fb9a07a9d70124c