Vue中父组件给子组件传值,子组件不能修改传过来的数据

423 阅读1分钟

当父组件给子组件传值的时候,父组件通过在子组件的模板上自定义属性将值传进去,子组件通过定义props去接收父组件传过来的数据,如果想要更改这个传过来的数组,只能在父组件里修改数据,vue不支持在子组件里修改这个数组,修改可以成功,但是会报警告。原因:vue父组件给子组件传值,是一个单向数据流,传递过来的数据是一个复杂数据类型的值的时候如果在子组件里修改了这个数据的值,那么父组件里的这个值也会改变,就会影响到其他使用这个数据的组件