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"
    }
}

总结

1. prop 数据单项传递，父影响子，子不影响父
2. 不能在组件中直接修改 prop 传递过来的值，Vue 会给出警告
3. prop 验证时，会在实例创建之前进行验证，所以实例的属性 （如 data、computed 等) 在 default 或 validator 函数中
 是不可用的
5. 非 prop 特性，组件可以接受任意的特性，而这些特性会被添加到这个组件的根元素上。