v-model 动态绑定值

v-model 是 Vue.js 中的一个指令，用于实现双向数据绑定。它可以将表单元素的值与 Vue 实例中的数据属性进行关联，实现数据的动态绑定。

使用 v-model 指令可以将表单元素（如 input、textarea、select 等）的值与 Vue 实例中的数据属性进行关联。当表单元素的值发生变化时，Vue 实例中的数据属性也会相应地更新；反之，当 Vue 实例中的数据属性发生变化时，表单元素的值也会相应地更新。

例如，我们可以使用 v-model 指令将 input 元素的值与 Vue 实例中的一个数据属性进行绑定：

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

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

在上述代码中，input 元素通过 v-model 指令与 Vue 实例中的 message 属性进行了绑定。当用户在输入框中输入内容时，message 属性的值会自动更新；同时，message 属性的值发生变化时，输入框中显示的内容也会相应地更新。

v-model 指令还可以用于其他表单元素，如 checkbox、radio、select 等，用法类似。通过使用 v-model 指令，我们可以轻松实现表单数据的双向绑定，提高开发效率。