vue 的 v-model

v-model 是 Vue.js 中用于双向数据绑定的指令。它能够在表单元素（如 input、textarea、select）上创建双向数据绑定，使得表单元素的值与 Vue 实例中的数据保持同步。

使用 v-model 时，我们需要将它绑定到一个 Vue 实例中的数据属性上，这样在表单元素的值发生改变时，这个数据属性的值也会跟着改变。反过来，如果我们修改了这个数据属性的值，表单元素的值也会相应地更新。

例如，我们可以这样使用 v-model：

<template>
  <div>
    <!-- 使用 v-model 绑定 input 元素的值到 message 属性上 -->
    <input v-model="message" type="text">
    <p>{{ message }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello, Vue!'
    }
  }
}
</script>

在上面的例子中，我们将 input 元素的值绑定到了 data 中的 message 属性上。当我们修改 input 元素的值时，message 属性的值也会相应地更新，反之亦然。在页面中，我们使用双括号语法将 message 属性的值显示出来。