vue3中v-model和v2的区别（有代码+能口述）

在Vue 3中，v-model指令发生了一些变化。在Vue 2中，v-model指令用于实现双向数据绑定，可以在组件中使用v-model来绑定一个值，并且在组件内部可以通过`$emit`方法来触发一个名为`input`的自定义事件，从而更新父组件的数据。

在Vue 3中，v-model指令的使用方式稍有不同。现在，v-model指令不再是一个语法糖，而是一个真正的指令。它可以接收两个参数：绑定的值和触发更新的事件名称。默认情况下，触发更新的事件名称为`input`。

下面是一个简单的示例代码，展示了Vue 3中v-model的用法：

<template>
  <div>
    <input v-model="message">
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: ''
    }
  }
}
</script>

在上面的代码中，我们使用v-model指令将`input`元素与`message`数据进行双向绑定。当用户在`input`元素中输入内容时，`message`数据会自动更新，并且更新后的值会反映在`p`元素中。

需要注意的是，在Vue 3中，默认情况下，v-model指令使用的是`input`事件。如果你希望使用其他的事件来触发更新，可以通过在v-model指令后面添加参数的方式来指定，例如：`v-model:value="message"`，其中`value`就是触发更新的事件名称。

总结一下，Vue 3中的v-model指令可以实现双向数据绑定，但它不再是一个简单的语法糖，而是一个真正的指令，可以通过参数来指定触发更新的事件名称。