组件参数校验与非props特性

组件参数校验

Vue.component('child', {
    props:{
        content:{
            type:String,
            required:true,
            default:'default value',
            validator: function(value){
                return (value.length>5)
            }
        }
    }
})

如上content属性：

• type 类型限定为string
• required 属性必须要有
• default 默认值
• validator 自定义校验器，长度必须大于5

非props特性

即父组件传给子组件的值，子组件在props中并没有声明接受这个值
这个时候非props的值会展示在子组件最外层dom标签的html属性里面