vue2双向数据绑定

Vue2中的双向数据绑定是通过v-model指令实现的。v-model指令可以在表单元素上创建双向数据绑定，它会根据表单元素的类型自动选取正确的方法来更新元素的值。下面是一个简单的例子：

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

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

在上面的例子中，我们使用v-model指令将input元素和message属性进行了双向绑定。当用户在input元素中输入内容时，message属性的值会自动更新，反之亦然。

实现双向数据绑定的原理是通过使用Object.defineProperty()方法来劫持data对象的属性，当属性值发生变化时，自动触发更新视图的操作。具体实现细节可以参考Vue源码。