任务：创建一个简单的表单，包含一个文本输入框。绑定一个数据属性，使得用户在输入框中输入的内容能够实时显示在页面上。 提示：使用 v-model 指令进行双向数据绑定。使用vue文件完成

在Vue.js中，你可以通过`v-model`指令轻松地实现这样的功能。下面是一个简单的HTML模板，配合Vue组件，展示了如何创建一个包含文本输入框并实现实时数据显示的例子：

<!-- main.vue -->
<template>
  <div id="app">
    <input type="text" v-model="message" placeholder="请输入内容">
    <p>您输入的内容：{{ message }}</p>
  </div>
</template>

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

在这个例子中：
- `<input>`标签的`type="text"`用于创建一个文本输入框。
- `v-model`指令将`message`数据属性与输入框绑定，当用户在输入框中输入内容时，`message`的数据会自动更新。
- `{{ message }}`是Vue的内置表达式，它会渲染变量`message`的值，所以页面上会实时显示用户输入的内容。

如果你已经在项目中安装了Vue并且配置好了脚手架，只需要引入这个`main.vue`文件并在主入口处导入并使用即可。