在Vue.js中，v-model和.sync都是用于在父子组件之间实现双向数据绑定的指令，但它们之间存在一些区别：
一、v-model：
v-model是Vue.js提供的语法糖，用于简化表单元素的双向数据绑定。它可以同时绑定value属性和input事件，使得在表单元素上的数据绑定更加简洁和直观。
例如，在一个文本输入框中使用v-model指令：
<input v-model="message" />
等同于以下代码：
<input :value="message" @input="message = $event.target.value" />
注意，v-model只能在表单元素（如input、select、textarea等）上使用，它简化了双向绑定的编写并提高了可读性。
二、.sync：
.sync是Vue.js中的一个修饰符，可以用于实现父子组件之间的双向数据绑定。它通过一个名为update:<propertyName>的自定义事件来实现数据的更新。
例如，在一个子组件中使用.sync修饰符：
<child-component :message.sync="message" />
子组件内部可以通过触发update:message事件来更新父组件中的数据：
this.$emit('update:message', newValue);
父组件中的数据将会随着子组件中的数据变化而更新。
注意，.sync修饰符只能用于自定义组件的Props上，而不能用于原生HTML元素。
三、v-model与.sync区别
1.相同点：都是语法糖，都可以实现父子组件中的数据的双向通信。
区别在于往回传值的时候. sync 的 $emit 所调用的事件名必须是`update:属性名。
2.格式不同：v-model=“num”, :num.sync=“num”
v-model： @input + value
:num.sync: @update:num
3.v-model只能用一次；.sync可以有多个
