Vue中如何将单项数据流props实例改写成长尾？

本文共计775个文字，预计阅读时间需要4分钟。

父组件通过props传递动态值showStoreList给子组件，但若在子组件中直接使用并修改此值会报错；因为父组件的更新会传递给子组件，但反向传递则不行；在这种情况下，可以使用...展开运算符来传递props，以避免此类问题。

父组件传递动态值showStoreList，子组件通过props接收，但是如果在子组件中直接使用并修改这个值会报错；

因为父级的更新会传递给子组件，但是反过来则不行；

这种情况下，可以使用computed或watch来获取props中的值

以上实例不难，下面由易盾网络小编整理的补充内容：

Vue2.x通过props传递数据是单向的了，也就是父组件数据变化时会传递给子组件，但是反过来不行。

业务中会经常遇到两种需要改变prop的情况，

一种是父组件传递初始值进来，子组件将它作为初始值保存起来，在自己的作用域下可以随意使用和修改。