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 特性,组件可以接受任意的特性,而这些特性会被添加到这个组件的根元素上。