组件参数校验
Vue
.component('child', {
props
:{
content
:{
type
:String
,
required
:true,
default:'default value',
validator
: function(value
){
return (value
.length
>5)
}
}
}
})
如上content属性:
type 类型限定为stringrequired 属性必须要有default 默认值validator 自定义校验器,长度必须大于5
非props特性
即父组件传给子组件的值,子组件在props中并没有声明接受这个值 这个时候非props的值会展示在子组件最外层dom标签的html属性里面