element-ui快速使用（使用element-ui做一个表格）

一、什么element-ui

element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库，可以快速布局和构建页面

二、快速使用

 官网： http://element-cn.eleme.io/#/zh-CN

element-ui的使用主要分三步：①引入脚本库；②引入css；③引入js

1、引入脚本库 

先去官网下载element-ui的库【lib】，然后在项目中新建一个文件夹【element-ui】，把lib放在该文件夹下

2、引入css

一般放在head

3、引入js

为了和vue配合使用，一般还需要引入vue

4、根据需要查阅官方API

其实还应该有第四步，查询官方API，在官网中我们能够找到我们想要的所有的element-ui的组件，通过官网的例子，能很快在项目中使用。

 官网： http://element-cn.eleme.io/#/zh-CN

同时，因为element-ui是基于vue.js的，所有我们在使用的过程中，要注意两者的版本问题。

三、示例（使用element-ui做一个表格）

当el-table元素中注入data对象数组后，在el-table-column中用prop属性来对应对象中的键名即可填入数据，用label属性来定义表格的列名。可以使用width属性来定义列宽。

 很多时候我们会通过别人的心得快速对element-ui的大致使用有所了解，但是通过查阅官方文档，永远是最好最全面的学习方法。