v-model简单举例

v-model是Vue.js框架中的一个指令，用于实现双向数据绑定。它可以将表单元素的值与Vue实例中的数据属性进行绑定，当表单元素的值发生变化时，对应的数据属性也会随之更新，反之亦然。

以下是一个简单的v-model的示例：

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

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

在上述示例中，我们使用v-model指令将input元素与Vue实例中的message属性进行绑定。当用户在输入框中输入内容时，message属性的值会自动更新，同时在`<p>`标签中显示出来。

这样，无论是用户输入内容还是通过Vue实例中的代码修改message属性的值，都会实现双向的数据绑定。