vue3中的v-model使用（个人笔记）

前言

首先回顾一下vue2中的v-model的使用

v-model在组件上使用：相当于父组件传递了一个props为value的属性，子组件抛出一个input事件

<my-dialog v-model="visble"> </my-dialog>

//相当于以下的写法

<my-dialog :value="visble" @input="$event = visble"><my-dialog>

那么vue3中的组件上可以绑定多个v-model，默认事件为：update:modelValue,props属性为：modelValue

<my-dialog v-model="show"></my-dialog>

<my-dialog :modelValue="show" @update:modelValue="newValue => show = newValue"></my-dialog>


//子组件中emit('update:modelValue', newValue)，父组件绑定的值就会随之修改



<my-dialog v-model:ss="visble"></my-dialog>
<my-dialog :ss="visble" @update:ss="newValue => visble = newValue"></my-dialog>