vue2和vue3v-model的区别

Vue 3对于`v-model`指令进行了一些改进和优化。在Vue 2中，`v-model`用于双向绑定数据，通常用于表单元素。而在Vue 3中，`v-model`的用法有所变化。

在Vue 2中，使用`v-model`通常是这样的：

<input v-model="message">

上述代码会将`<input>`元素的值与`message`属性进行双向绑定。

在Vue 3中，`v-model`可以根据不同的组件和需求进行自定义。可以使用`v-model`指令来创建自定义的双向绑定行为。例如，可以使用以下方式在一个自定义组件上使用`v-model`：

<custom-component v-model="message"></custom-component>

上述代码中，`custom-component`组件可以通过接收名为`modelValue`的props和名为`update:modelValue`的事件来实现双向绑定。这样，在父组件中使用`v-model="message"`时，实际上是将`message`作为`modelValue`传递给了`custom-component`组件，并且在组件内部可以通过触发`update:modelValue`事件来更新父组件的数据。

总之，Vue 3中的`v-model`提供了更灵活的方式来实现自定义双向绑定，使得它在更多场景下可以发挥作用。