VUE项目加入ElementUI组件

ElementUI从官方介绍上解释是：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。

简而言之就是VUE的组件，可以让你的网站快速成型。

1 首先，和所有VUE组件一样，导入。

在创建好的vue项目上执行指令： npm install element-ui -S

示例：

加载完成后长这样

查看是否加载完成，打开vue项目的package.json文件，找到dependencies，查看是否加载了elementui版本信息。如下图所示说明加载完成。

2 注册ElementUI

打开项目的main.js文件 ，加入下面的三句话

import ElementUI from 'element-ui'                   //引入组件
import 'element-ui/lib/theme-chalk/index.css'    //引入样式
Vue.use(ElementUI)                                          //通过全局方法 Vue.use() 使用插件

3 验证一下

随便找一个页面，在页面中加入一个ElementUI中样式

ElementUI有哪些组件可从官网中查找

官网地址：Element - The world's most popular Vue UI framework

如：<i class="el-icon-edit"></i>

实际效果： 

启动vue项目，找到修改的页面，查看是否有ElementUI元素出现，如有，则说明安装ElementUI成功。