对于Vue.js 2，两者几乎做了同样的事情-启用双向绑定，尽管.sync更通用。在为组件添加v模型后添加。.sync允许对多个prop使用v模型逻辑。让我们比较一下：

• .sync

<comp
  :value.sync="username"
  :age.sync="userAge"
/>

扩展到：

<comp
  :value="username"
  :age="userAge"
  @update:value="val => username = val"
  @update:age="val => userAge = val"
/>

• v-model

<input v-model="userName1" />
<comp v-model="userName2" v-model:profile-name="profileName" />

扩展到：

<input
  :value="userName1"
  @input="event => userName1 = event.target.value"
/>

<comp
  :value="userName2"
  :profile-name="profileName"
  @update:value="val => userName2 = val"
  @update:profile-name="val => profileName = val"
/>

我们可以看到的差异是：

• 默认属性名v-model始终绑定到名为value的属性
• .sync允许您使用多个 prop
• 从组件发出的事件名称（.sync为@update，v-model为@input）

.sync的一个非常有趣的特性是它对对象的特殊处理。.sync修饰符在一个对象上使用时，会同时设置多个 prop （更多信息请点击这里）
用哪一个？使用属性value作为组件的键值载体是一种标准模式。在这种情况下，如果你有value属性，并希望为它启用双向绑定，那么使用v-model。在所有其他情况下，使用.sync

没有太大的区别，以至于有一个计划可能在Vue 3中合并它们：
https://github.com/vuejs/rfcs/pull/8
在组件有双向绑定的自然候选者的情况下，您可以使用v-model。所以文本输入，复选框，等等。都使用v-model。类似地，它在具有选择概念的组件的上下文中可能是有意义的。你可以使用sync，但这通常不是其他开发人员所期望的。
在Vue 2中，你只能将一个prop/event连接到v-model。如果你想要多个props/events的双向绑定，那么你必须使用sync。
Vuetify包含几个同时使用v-model和sync的组件示例。例如，v-autocomplete：
https://vuetifyjs.com/en/components/autocompletes
它使用v-model作为所选值，但也使用sync作为error和search-input。