vue子组件是否可以直接改变父组件的数据？

• 所有的prop都遵循着单项绑定原则，props因父组件的更新而变化，自然地将新状态向下流往子组件，而不会逆向传递。这避免了子组件意外修改父组件的数据的情况，不然应用的数据流将很容易变得混乱而难以理解。

• 每次父组件更新后，所有的子组件中的props都会被更新为最新值，这就意味着子组件中不应该去修改一个prop，如果这么做了，Vue 会在控制台上抛出警告。

• 实际开发过程中通常有两个场景导致要修改prop：

  • prop被用于传入初始值，而子组件想在之后将其作为一个局部数据属性。这种情况下，最好是重新定义一个局部数据属性，从props获取初始值即可。
  • 需要对传入的prop值做进一步转换。这种最好是基于该prop值定义一个计算属性。

• 实践中，如果确实要更改父组件属性，应该emit一个事件让父组件变更。当对象或数组作为props被传入时，虽然子组件无法更改props绑定，但仍然可以更改对象或数组内部的值。这是因为JS的对象和数组是按引用传递的，而对于 Vue 来说，禁止这样的改动，虽然可以，但是有很大的性能损耗，比较得不偿失。