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

Element 使用

代码示例：

1. 导入Element，vue 包
2. 调用element-ui的样式和加载文件
3. 赋值element官方代码进行更改

Element 布局

Layout 布局

代码示例：

span定义格子数量 8 span定义容器数量

Container 布局容器

用于布局的容器组件，方便快速搭建页面的基本结构：
：外层容器。当子元素中包含 或 时，全部子元素会垂直上下排列，否则会水平左右排列。
：顶栏容器。
：侧边栏容器。
：主要区域容器。
：底栏容器。


TIPS:

1. 调用element模板代码export default是可以使用vue模板开启的
2. 将data直接放入vue模块中调用
3. element简化v-for循环使用
4. 使用v-bind绑定数据 :data=”xxx”
5. 使用prop绑定指定数据并遍历

Element 组件

Table 表格

1. 调用element组件的Table表格（多选，序号，带状态示例）
2. 其中多选框需要绑定 @selection-change=”handleSelectionChange”事件
3. 创建对应的方法并且创建对应的数据模型实现选中可以获取改行数据

代码实现：

From 表单

代码实现 ：

1. 表单绑定定义的模块数据:data=”xxx”
2. 并使用v-model双向绑定浏览器数据和自定义数据模块
3. 绑定@click点击事件提交表单以为v-model双向绑定则获取表单数据

Dialog 对话框

代码实现 ：

1. 点击弹出对话框需要设置对应的点击事件
2. 并创建对应的对话框模型为false 绑定弹窗的表单展示属性
3. :model绑定数据，并用v-model双向绑定各个输入框数据
4. switch设置active-value和inactive-value属性控制switch属性
5. 绑定@click点击事件提交表单

Pagination 分页