vue 动态双向数据绑定

Vue的双向数据绑定是通过v-model指令实现的。v-model指令可以在表单元素上创建双向数据绑定，即表单元素的值会随着数据的改变而改变，同时数据的值也会随着表单元素的改变而改变。

下面是一个简单的例子，演示了如何使用v-model指令实现双向数据绑定：

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

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

在上面的例子中，我们使用v-model指令将input元素与message数据属性进行双向绑定。当用户在input元素中输入内容时，message属性的值会自动更新，同时当message属性的值改变时，input元素中的内容也会自动更新。