vue3 v-model简写

Vue 3 中，`v-model` 是 Vue 指令的简写形式，全称为 "双向数据绑定"。它用于在模板上直接绑定元素的值（input、textarea、select 等）到组件实例的属性上，同时支持修改该属性时自动更新视图。在 Vue 3 的单文件组件（`.vue` 文件）中，`v-model` 可以写成 `:value` 或者 `@input="..."` 这样的形式，其中 `value` 是数据绑定，`@input` 是事件监听。

例如：

<template>
  <input type="text" :value="message" @input="handleInput">
</template>

<script>
export default {
  data() {
    return { message: '' };
  },
  methods: {
    handleInput(e) {
      this.message = e.target.value;
    }
  }
};
</script>

在这个例子中，`v-model` 实现了输入框内容随 `message` 属性的变化而同步更新，并且当输入内容改变时触发 `handleInput` 方法。