vue子组件修改data数据后，父组件修改子组件data数据无效

Question

问题描述：
后面列表是父组件
前面弹出框是子组件
（1）第一次点编辑可以修改子组件的数据，false-》true
（2）点击子组件的按钮修改子组件的数据，true-》false
（3）点击父组件的按钮修改子组件数据无效，false不变

子组件：

父组件：

Answer 1

父子组件通信

这里在子组件修改值后需要通过$emit 传回父组件，具体可以看一下文档，分为使用两种

1. v-model，value（写在pop中）, input实现表单绑定，即在子组件中this.$emit('input', 你要传的值)
2. 自定义，同样子组件中this.$emit('在父组件中自定义的函数', 你要传的值)，然后在父组件该函数中 获取改变的value, 进行赋值等操作

第二种可能比较适合你