v-model的本質(zhì)是屬性綁定和事件綁定的結(jié)合，可以在標(biāo)簽上使用也可以在組件上使用

Vue2中v-model

vue2標(biāo)簽使用

vue2組件使用

vue2 中? v-model實(shí)質(zhì)是自定義屬性：value和@input自定義事件

$event有兩層含義：

1. 如果是原始DOM的事件，那么$event表示js的原生事件對(duì)象

2.如果是組件的自定義事件，那么$event是$emit傳遞的數(shù)據(jù)

Vue3中v-model

vue3 中 v-model的本質(zhì)是 :modelValue 和 @update:modelValue 兩者的綁定

vue3 組件使用（父組件）

所以在子組件中響應(yīng)定義modelValue屬性

自定義屬性的定義（子組件）

原生自定義事件

可以綁定多個(gè)v-model:

v-model：xxx='xxx'

總結(jié)：

1.v-model可以通過綁定多個(gè)屬性的方式，向子組件傳遞多個(gè)值并且保證雙向綁定

2.可以替代Vue2中sync修飾符（sync修飾符在Vue3中已經(jīng)被廢棄）

3.操作DOM? vue2和vue3用法是一樣的，操作組件時(shí)不一樣