prop:组件上注册的一些自定义属性
prop 作用:向子组件传递数据
prop 特点:可以传递任意数量、任意类型的 prop
props 校验
作用:为组件的 prop 指定验证要求,不符合要求,控制台就会有错误提示
语法:1.类型校验 2.非空校验 3.默认值 4.自定义校验
1. 类型校验:
语法:
props : {
校验的属性名:类型
}
eg:
原来的:props : [ 'age' ]
升级后的:
props : {
age : Number // Number : 类型要求(类似的还有 String、Boolean、Array、Object、Function、Number)
}
2. 类型校验、非空校验、默认值、自定义校验 一起:
props : {
校验的属性名 : {
type : 类型, // Number、String、Boolean ......
required : true, // 是否必填
default : 默认值, // 默认值
validator (value) { // value 就是从父组件传过来的值
// 自定义校验逻辑
return 是否通过校验 // (true or fasle)
}
}
}