使用文本框可以收集用户输入的数据，比如你可以在表单里提供一些文本框，让用户在不同的文本框里输入一些内容，然后可以把这些文本框里的数据发送给我们的服务端应用，放到数据仓库里永久地保存起来。

在这个组件里添加一个 text 类型的 input 元素。在 Vue 应用里，表单元素的上面可以使用一个特别的 v-model 指令。把一个数据的名字交给它就行了，比如 content。然后在组件的 data 里面，需要添加一个 content，可以给这个 content 设置一个默认的值。

现在组件里的这个 content 数据有变化的时候，会在这个文本框上体现出来，用户在文本框里输入内容的时候，也会实时的修改组件里的这个 content 这个数据的值。

在下面我们可以绑定输出组件里的这个 content，一组 span，里面绑定输出 content。这样 content 数据有变化的时候，可以实时的在组件上看到。

在浏览器上预览一下，现在界面上会显示一个文本框，文本框里的值就是组件里的 content 这个数据默认的值。修改一下文本框里的内容，你会发现，content 这个数据的值也会实时的发生变化。