vue中的prop验证

prop

1. prop大小写

 //小写的 prop 用来接收父传子接收的数据
 props:['msg']

2. 单项数据流

 单项数据流不允许修改
 在组件中修改 prop传递过来的数据 Vue 会发出警告
 所以有两种常见的用法去修改 prop 传递过来的值 

本地data中定义属性，并将prop作为初始值

data() {
    return {
        msg_data: this.msg
    }
}

使用computed 将 prop 的值进行处理

computed:{
    msg_computed(){
        return this.msg + " Computed"
    }
}

总结

在父传子的时候会用到prop
prop数据是单项传递，父影响子，子不影响父
不能在组件直接修改prop传递过来的值，VUE会给出警告
prop验证时，会在实例创建之前进行，所以实例的属性有data和computed等。在default 或validator 函数中是不可用的
非prop 特性, 组件可以接收任何特性，而这些特性会添加到组件的根元素上