Vue 中绑定数据模型，并在输入框后面位置实时展示输入内容

在 Vue 中，可以通过 `v-model` 指令来实现数据的双向绑定，将输入框中的内容实时绑定到数据模型中。

例如，我们可以定义一个数据模型 `message`，然后在输入框中使用 `v-model` 指令将其与数据模型进行绑定：

<template>
  <div>
    <input type="text" v-model="message">
    <p>输入内容：{{ message }}</p>
  </div>
</template>

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

当用户在输入框中输入内容时，`message` 中的值会随之更新，同时在页面上展示输入的内容。

注意，`v-model` 指令只能在表单元素上使用，例如 `input`、`textarea`、`select` 等。而在其它元素上使用 `v-model` 会抛出错误。