Element初探

一：内置过渡动画

1.fade淡入淡出

2.zoom三种缩放效果

3.collapse展开折叠

二：组件

1.layout布局：整体宽度为24，span值除以24为所占比例，与bootstrap栅格系统类似

（1）基础布局

（2）分栏间隔：gutter属性可以指定每一栏之间的间隔

等分为四份且间隔为20

（3）混合布局

（4）分栏偏移：用offset属性指定左侧偏移的栏数，offset偏移栏数加上span所占栏数的总和不大于总宽度24

（5）对齐方式：通过flex布局来进行对齐，一共有五种方式：默认，center，end，space-between，space-around

（6）响应式布局：与bootstrap响应式相同，有xs，sm，md，lg，xl五个值

2.布局容器:使用flex布局，有兼容性问题，且父子关系严格

el-container：外层容器。当子元素中包含或时，全部子元素会垂直上下排列，否则会水平左右排列。

el-header：顶栏容器。

el-aside：侧边栏容器。

el-main：主要区域容器。

el-footer：底栏容器。

3.form表单

（1）radio单选框：v-model绑定data中的radio数据，label是radio的vaule，通过label值确定默认情况下是第二个，点击哪一个哪一个的radio就是2

禁用状态：disabled