当计算的值改变为什么props的值也会改变

Question

vue2中props传递过来的值经过计算出的值，当计算的值改变为什么props的值也会改变

Answer 1

参考GPT和自己的思路：在Vue2中，当父组件向子组件传递props时，实际上是将一个JavaScript对象传递给子组件。当父组件数据改变时，Vue会检测到这个变化，并将新的值传递给子组件，以使子组件的props值同步更新。

如果在子组件中对props值进行计算，并将计算结果赋值给一个新的变量，那么当这个新变量的值改变时，原来的props值也会随之改变。这是由于Vue在检测到子组件的变化时，会重新创建一个相同的对象，并更新子组件的props属性，而这个新的对象也会重新计算子组件的值。

如果需要在子组件中对props值进行计算，可以使用计算属性来实现，这样就可以避免直接改变props值造成的一些问题。同时，在子组件中也可以使用watch属性来监听props的变化，从而更好地响应变化。