在子组件中改变数组道具是否有效？

Question

我注意到，当推送到作为道具传递给子组件的数组时，我没有得到通常的“避免直接改变道具”错误。 仔细想想，这是有道理的，因为数组是一个引用，如果某些事情导致父级重新渲染，子级将因此正确渲染。

正确的方法仍然是向父级发出并让父级对数组进行操作，还是在子组件中对数组进行操作是完全有效的，因为它是一个引用？

Answer 1

根据关于 props 的官方文档：

Note that objects and arrays in JavaScript are passed by reference, so if the prop is an array or object, mutating the object or array itself inside the child component will affect the parent state and Vue is unable to warn you against this. 作为一般规则，您应该避免改变任何道具，包括对象和 arrays，因为这样做会忽略单向数据绑定并可能导致不希望的结果。