对input使用V-model

在Vue.js中，`v-model`是一个指令，它实现了双向数据绑定，允许你在HTML元素上轻松地创建表单输入与组件状态之间的实时同步。当你在HTML中使用`<input type="text" v-model="exampleInput">`，例如，这里的`exampleInput`是一个 Vue 实例的数据属性名，用户在输入框中的任何更改都会即时反映到这个数据属性的值上，并且反过来，当这个属性的值改变时，输入框的内容也会更新。

举个例子：

<template>
  <div>
    <input type="text" v-model="message">
    <p>你输入的是: {{ message }}</p>
  </div>
</template>

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

在这个示例中，`v-model`绑定了`message`数据属性，所以无论何时输入框的内容发生变化，都会自动更新`message`的值。同时，`{{ message }}`会显示当前`message`的值。