vue中v-model和.sync的原理

v-model和.sync的原理。

v-model:

v-model的本质是 v-bind:value="xxx" @input="val => xxx = val"。数据流向：父-->子（props）。子-->父（$emit('input')）。

.sync:

.sync的本质是 v-bind:a="xxx" @update:a="val => xxx = val"。数据流向：父-->子（props）。子-->父（$emit('update:a')）。

区别：v-model一个标签只能使用一次，.sync一个标签可以使用多次。

注意：vue3中.sync已经被废弃，其功能被v-model替代。