v-model和.sync

v-model的本质

它是一个语法糖,它做了两件事

• 第—件事给input绑定了一个value 属性，
• 第二件事给input绑定了input事件事件触发时将绑定的变量重新赋值
• v-model也可以给组件实现双向数据绑定props.value

v-model和.sync的对比

• v-model与.sync的共同点:都是语法糖，都可以实现父子组件中的数据的双向通信。

• v-model与.sync的不共同点:

• v-model:

  1. 父组件v-model=""子组件@(input,value)
  2. —个组件只能绑定一个v-model
  3. v-model针对更多的是最终操作结果，是双向绑定的结果，是value，是一种 change操作。

• .sync:

  1. 父组件:my-prop-name.sync子组件@update:my-prop-name的模式来替代事件触发，实现父子组件间的双向绑定。
  2. —个组件可以多个属性用.sync修饰符，可以同时"双向绑定多个“prop”
  3. .sync针对更多的是各种各样的状态，是状态的互相传递，是status，是一种update操作。