子组件不可以直接改变父组件的数据。
Vue是单向数据流,即父级 props 的更新会流向子组件,但是反过来则不行。比如当我们在子组件中改变父组件的数据,那么这个时候父组件中的数据改变,其他同样使用父组件的子组件中的数据也会发生改变,可能会造成数据混乱。子组件不能改变父组件的数据这是为了防止意外的改变父组件状态,使得应用的数据流变得难以理解,导致数据流混乱。如果破坏了单向数据流,当应用复杂时,debug 的成本会非常高。
只能通过 $emit 派发一个自定义事件,父组件接收到后,由父组件修改。