1.22 保证Props单向数据流

官方文档通道:https://cn.vuejs.org/v2/guide/components-props.html#单向数据流

1.注意在JavaScript 中对象和数组是通过引用传入的,所以对于一个数组或对象类型的 prop 来说,在子组件中改变变更这个对象或数组本身将会影响到父组件的状态。(vue2)

2.在vue3中对于prop来说,在子组件中直接改变变更prop会报错(可以通过父组件提供的方法间接修改)



所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外变更父级组件的状态,从而导致你的应用的数据流向难以理解。额外的,每次父级组件发生变更时,子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了,Vue 会在浏览器的控制台中发出警告。
原文地址:https://www.cnblogs.com/xjt31/p/14314030.html