v-model和.sync区别
在vue2中提供了.sync修饰符，但是在vue3中不再支持.sync，取而代之的是v-model。
1.在vue2中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可以有多个
2. .sync修饰符的作用
.sync能够实现属性间的一个双向绑定。比如说现在我们有一个这个组件，然后上面有一个v-bind="title"这样的一个属性。
如果说写成v-bind:title.sync="title"，那么它可以看做是一个语法糖，它会隐式的向子组件里面传递一个v-on:update="title"这样的一个事件，也就是说
等价于
然后在子组件里面传过去调用$emit(update:title)冒号title来去修改父组件里面所绑定的值。它是能够实现属性间的一个双向绑定。
//my-dialog.vue
官方文档关于这部分的参考：https://v2.cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6
3 问题：v-model只能用于表单组件是吗？即使用在自定义组件中，子组件里面也必须是表单组件？
v-model在页面中不只是能用于表单控件,