【Vue】6.解决父组件向子组件传值修改以后再传回父组件的问题

在vue2.0中父组件向子组件传入一个值&＃xff0c;这个值在子组件里面被改变以后再传回父组件&＃xff0c;这个时候vue组件会报错&＃xff1a;

[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop&＃39;s value. Prop being mutated: "dialogShow"

在vue2.0中组件的props的数据流动改为了只能单向流动&＃xff0c;即只能由组件外&＃xff08;调用组件方&＃xff09;通过组件的DOM属性attribute传递给props组件内&＃xff0c;组件内只能被动接收组件外传递过来的数据&＃xff0c;并且在组件内&＃xff0c;不能修改由外层传来的props数据&＃xff0c;组件内不能修改props的值&＃xff0c;同时修改的值也不会同步到父组件&＃xff0c;父组件不知道子组件内部当前的状态是什么&＃xff0c;因为dailogShow不可写&＃xff0c;所以需要在data中或者computed中创建一个副本 dailogShow变量&＃xff0c;初始值为props属性dailogShow的值&＃xff0c;同时在组件内所有需要调用props的地方调用这个data对象。

子组件&＃xff1a;Landing001.vue

父组件&＃xff1a;Landing.vue