vue props 更改

在Vue中，当你传递一个数组类型的props给子组件时，如果你在子组件中直接修改了这个props，那么实际上也会修改父组件的相应数据。这是因为数组是引用类型，在JavaScript中，引用类型的数据是按引用来传递的，而不是按值来传递的。因此，当你修改子组件中的props时，实际上是修改了指向同一内存地址的数据，所以父组件也会受到影响。

如果你想在子组件中修改props，可以采取以下几种方法：

1. 在子组件的data中拷贝一份props的副本，并在子组件中修改这个副本。你需要注意的是，如果props是一个引用类型的数据（比如数组），你需要使用深拷贝来创建副本，以防止修改副本时影响到父组件。可以使用`slice()`方法来实现深拷贝。

2. 可以使用计算属性来修改props。你可以在子组件中创建一个计算属性，根据props的值进行修改，并返回修改后的结果。这样就可以在模板中使用这个计算属性来显示修改后的值。

3. 使用`sync`修饰符。你可以在父组件中使用`sync`修饰符将props绑定到一个局部的数据属性上，并在子组件中通过修改这个局部属性来实现对props的修改。这样父组件和子组件之间就可以实现双向的数据绑定。

以上是几种常见的在子组件中修改props的方法。根据具体的需求，你可以选择合适的方法来实现你的目标。