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

Question

我目前知道的三种更新父组件数据的方式：

1. 直接使用$parent修改

2. 使用.sync，子组件触发更新

3. 父组件提供一个更新函数，子组件触发更新

我想知道除了这几种，还有其他方式吗？哪种方式更好

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>