Vue中三种更新父组件数据的方式，有什么有优缺点，用哪种最好

Question

我目前知道的三种更新父组件数据的方式：直接使用$parent修改使用.sync，子组件触发更新父组件提供一个更新函数，子组件触发更新我想知道除了这几种，还有其他方式吗？哪种方式更好

Answer 1

一般是用$emit触发事件来更新父组件的事件

使用sync的话也要emit一个update事件来更新。

直接使用$parent来更新数据是最应该避免的，这样会让你的子组件和父组件耦合，子组件不能单独使用，同时也会让你debug变得困难

补充一下：

你列出来三种方式，其实第二种和第三种是一样的

sync也是一个语法糖，和v-model很像。都是传值的同时加了一个事件监听

<comp :foo.sync="bar"></comp>

// 等价于

<comp :foo="bar" @update:foo="val => bar = val"></comp>