Vue在子组件中修改Props的几种情况

首先列举平常使用Vue 父组件传递数据到子组件的几种情况

传递的是基础数据类型(Number,Boolean,String)
传递的是引用类型(Object,Array)

结论

当传给子组件的Prop为基本数据类型是(Number,String)在子组件中修改Prop控制台会报错 prop的值不会改变
当传给子组件的Prop为引用时(Object,Array)在子组件中修改Prop的属性不会报错且值可以改变,且是响应试的

 

当然不建议在子组件中直接修改Prop的值,因为这样会破坏单一数据流,可能会导致数据的变化无法追踪。

posted @ 2023-01-28 16:49  porter_代码工作者  阅读(1183)  评论(0)    收藏  举报