element-ui 表单组件的prop属性

Vue组件库element-ui中的Form表单组件提供了表单验证功能

通过rules属性传入验证规则

Form-Item中的prop属性设置需要校验的字段名

如图所示， el-form-item 元素的 prop 属性绑定字段名 username ，表单验证时，就会验证 el-input 元素绑定的变量 [ruleForm.username] 的值是否符合验证规则

验证规则：

在export default ，rules规则是根据prop字段名一一对应的，

每条校验规则是一个数组，[{},{},{}]

如果字段名是动态的，该如何处理，参考：

https://www.imooc.com/wenda/detail/411761

作用：接收传递给组件的数据

特点：

1、可以给组件传递任意类型的数据

2、props是只读的对象，只能读取属性的值，无法修改对象

3、注意：使用类组件时，如果写了构造函数，应该将props传递给super()，否则，无法在构造函数中获取到props

一定要引入 prop-types.js 否则会报错

1、限制规则使用Person.propTypes进行限制，有func（函数），string（字符串），number（数字类型），isRequired（不能为空）

2、设置默认值Person.defaultProps，进行props默认值的设置