Vue v-model

Vue 中的 v-model 指令是用于双向数据绑定的。它可以将表单元素的值与 Vue 实例中的数据进行绑定，使得当表单元素的值发生变化时，Vue 实例中的数据也会相应地更新，反之亦然。

v-model 指令可以用在 input、select 和 textarea 元素上，并且根据不同的元素类型，它会自动选择正确的方法来更新元素的值。

例如，在一个表单中，我们可以使用 v-model 指令来绑定一个输入框的值：

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

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

在上面的例子中，输入框的值会与 Vue 实例中的 message 数据进行绑定，当输入框的值发生变化时，message 数据也会相应地更新，并且在模板中显示出来。反过来，当 message 数据发生变化时，输入框的值也会相应地更新。这样就实现了双向数据绑定。