vue2和vue3的v-model的底层原理

Vue2中的v-model是一个语法糖，本质上是一个双向数据绑定的实现，通过将input事件和prop属性绑定起来，实现数据的双向绑定。

在Vue3中，v-model的底层原理有所改变。Vue3中的v-model是一个指令，底层使用了新的API——`v-model-api`，该API提供了`modelValue`和`update:modelValue`两个属性，用于实现双向绑定。其中`modelValue`表示当前的值，`update:modelValue`用于更新值。

在使用v-model指令时，Vue3会自动推断所绑定的组件的prop属性和事件，从而实现数据的双向绑定。如果需要自定义prop属性或事件，则可以使用`v-model`的`.prop`和`.event`修饰符来实现。

总的来说，Vue2和Vue3的v-model都是通过双向数据绑定实现的，只是底层实现方式有所不同。Vue3中的v-model使用了新的API，使得实现更加灵活和可定制化。