Vue-Element UI

Element UI后台管理系统主要的标签：

el-container:构建整个页面框架。
el-aside:构建左侧菜单。
el-menu:左侧菜单内容，常用属性：
	default-openeds:默认展开的菜单，通过菜单的index值来关联。
	default-active:默认选中的菜单，通过菜单的index值来关联。
el-submenu:可展开的菜单，常用属性：（一级菜单）
	index：菜单的下标，文本类型，不能是数值类型
template:对应el-submenu的菜单名。（一级菜单文本值）
i:设置菜单图标，通过class属性设置
	el-icon-message
	el-icon-menu
	el-icon-setteing
el-menu-item:设置菜单的子节点，不可再展开。常用属性：（二级菜单）
	index：菜单的下标

menu与router的绑定

1、标签添加router属性
2、在页面添加标签，它是一个容器，动态渲染你选择的router。
3、标签的index值就是要跳转的router。

Element UI表单数据校验

定义rules对象，在rules对象中设置表单各个选项的校验规则

rules:{
	name:[
		{requried:true,message:'error',trigger:'blur'},
		{min:4,max:5,message:'长度在3到5哥字符',trigger:'blur'}
	]
}

required:true,是否为必填项
message：‘error’，提示信息
trigger:‘blur’，触发事件