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

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

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

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

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

• 这篇博客: Vue3 与 Vue2 的Props、全局组件的异同点！中的 为什么使用 Props 很重要？ 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 首先，我们要了解什么是 props。 props是可在组件上注册的自定义属性，可让我们将数据从父组件传递到其子组件方式之一。

  由于props让我们能够在组件之间共享数据，因此它使我们可以将Vue项目分解成更多的模块化组件。