一.props
子组件接收父组件的参数的时候,props注册接收的参数
props:['count']
子组件可以对接收的参数校验。
例如规定接收的count参数要求是String
props:{
count:String
}
如果count是别的类型就会报错
当然也可以设置多种数据类型
props:{
count:[String,Number]
}
也可以是很复杂的定义:
props:{
count:{
type:Number,
required:true,
}
}
required:true, 这个属性为true时,count是必传的,不传就会报错
required:false, 这个属性为false时,count不是必传的,不传也不会报错,这时你可以用default来显示没有传递的时count的默认值
也可以通过validator来规定长度之类的。
props:{
count:{
type:String,
required:false,
default:"6666" ,
validator:function(value){
return (value.length > 5)
}
}
},
二.非Props特性
子组件没有声明props,为非Props特性
①非Props特性 不能在子组件中调用父组件传过来的数据
②会显示子组件最外层的DOM标签的属性