vue3中v-model和vue2中v-model的区别

v-model可以用到表单元素上

双向数据绑定:
页面数据变化,绑定的数据页会跟着变化
绑定的数据变化,页面也会跟着变化

<input v-model='uname'/>
等价于
<input :value='uname' @input='uname=$event.target.value'/>

v-model可以用到组件上:父子之间数据交互是双向的

1.vue2:

<my-com v-model='info'/>
<my-com :value='info' @input='info=$event'/>
v-model仅仅可以使用一次
<my-com v-model='info' :msg.sync='msg'/>

2 . vue3:

<my-com v-model='info'/>
<my-com :modelValue='info' @update:modelValue='info=$event'/>
v-model可以在组件上多次使用
<my-com v-model:modelValue='info' v-model:msg='msg'/>