如何实现vue的数据双向绑定

Vue 框架通过使用 Object.defineProperty 实现了数据双向绑定。当一个 Vue 实例创建时，Vue 会对实例中所有的数据对象进行遍历，并使用 Object.defineProperty 为每个属性添加 getter 和 setter。这样，当该属性的值发生变化时，Vue 就能监听到该变化，并同步更新视图。

在模板中，我们可以使用 v-model 指令或者绑定 input 事件来实现数据双向绑定。例如：

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