一次讲清Vue2和vue3中 v-model的变化

再一次讲清Vue2和vue3中 v-model的变化

在vue2中

v-model = "msg" 可以翻译为：

:value="msg"
@input="msg=$events"

• 在一个组件上，v-model 只能使用一次，如果想要对多个数据同步绑定，则可以使用.sync修饰符。

在vue3中

为了不影响原生标签的 value 和 input 事件vue3把vue2的v-model的实现原理改了
1、props ：value->modelValue
2、event ：input=> update:modelValue
3、v-model现在可以在同一个组件上进行多个绑定
4、可以自定义v-model修饰符

<child-comp v-model="msg" /> 
//可翻译为
<child-comp :modelValue="msg" @update:modelValue="msg=$event" />

总结：1、绑定原理中的属性名改变了
2、vue3可以添加多个v-model了