vue v-model

vue中的v-model指令用于实现表单元素和应用程序状态之间的双向绑定。它可以将表单元素的值绑定到应用程序状态中，并且当应用程序状态发生变化时，它会自动更新表单元素的值。

使用v-model通常需要配合一个数据属性。例如，我们可以在组件的data选项中定义一个名为message的数据属性，然后将其与一个输入框的v-model指令绑定：

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

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

以上代码会将一个输入框的值与组件的message数据属性双向绑定，并且在输入框中输入文字时，页面上的p标签也会自动更新为相同的文字。