双向绑定以及实现原理

Question

首先不能说 Vue 是双向绑定的框架， 双向绑定实际指的是 v-model 指令，视图和数据可以互相影响。 v-model 是一个语法糖，相当于 绑定了 value 值，再监听 input 事件更改 value的值

开发者可以自定义 v-model，定义绑定的属性和触发的事件

model: {
    prop: 'vallue',
    event: 'update:value'
}

和 sync 修饰符的区别

sync 修饰符可以绑定多个值，vue 2 中 v-model 只能绑定一个。 vue 3中废弃了 sync，将功能合并到 v-model，支持组件多个 v-model，默认绑定的值为 modelValue