Vue 双向数据绑定是什么？

Vue 中的双向数据绑定是指数据的变化会影响视图，同时视图的变化也会影响数据。这种机制使得数据模型（Model）和视图（View）之间的关系变得非常紧密，两者的变化能够实时地互相影响。

在 Vue 中，双向数据绑定通过 v-model 指令来实现。它可以用在表单元素上（比如 <input>、<textarea>、<select> 等），将表单元素和 Vue 实例中的数据进行绑定。当表单元素的值发生变化时，Vue 实例中对应的数据也会更新；反之，如果 Vue 实例中的数据发生改变，关联的表单元素也会自动更新。

示例：

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

<script>
export default {
  data() {
    return {
      message: '' // 初始值为空
    };
  }
};
</script>

在这个示例中，<input v-model="message" /> 建立了输入框和 Vue 实例数据 message 之间的双向绑定。当输入框的值发生改变时，message 的值也会更新，同时 <p>{{ message }}</p> 中展示的文本也会实时更新。这种机制使得数据和视图之间能够保持同步，无需手动监听元素变化或更新数据。