Vue_组件参数校验与非Props特性

一.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标签的属性