vue双向绑定p标签的内容

在Vue中，可以通过使用v-model指令和双花括号插值语法来实现p标签内容的双向绑定。

首先，你需要在Vue实例中定义一个数据属性。例如，你可以在data选项中定义一个名为message的属性：

data() {
  return {
    message: ""
  }
}

然后，在p标签中使用v-model指令将message属性与p标签的内容进行绑定：

<p>{{ message }}</p>

这样，当你在输入框中修改message的值时，p标签中的内容也会随之更新。同时，当p标签中的内容发生变化时，message的值也会同步更新。

完整的示例代码如下：

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

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

这样，你就实现了p标签内容的双向绑定。当你在输入框中输入文字时，p标签中的内容会即时更新。反之亦然。