现在的前端框架 如果没有个数据的双向/单向绑定，都不好意思说是一个新的框架，至于为什么需要这个功能，从jq或者原生js开始做项目的前端工作者，应该是深有体会。
以下也是个人对vue的双向绑定原理的一些浅薄认识，当然 再vue框架的真正实现上，比我分析的要复杂的多。主要是来了解思想
z首先看一张图片，我们以这个图片结合代码来分析。
然后来看下下面这段代码：
首先我们来解释一下 我们的vue项目 所有的函数或者是某个被用来做双向数据绑定的值都是绑定在 data 上的，也就是 data.property
1：dep 一个用来进行数据双向绑定的类，
a: constructor： 绑定属性，每次进来需要相应双向绑定时 都将目标属性进行重置，用来进行之后的操作。
b: depend： 这个解释为依赖，可以理解为将目标函数（属性 比如data.name），推进一个全局的存储阵列中。
c: notify：这个可以解释为更新页面被绑定的数据 执行这个函数，可以将重新设置/输入的属性 发生视图上的变化。
2：obeject.defiepropoerty() 这个js api接口是实现当数据发生改变时 拦截数据（属性）的。
该api方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。
// 语法: Object.defineProperty(obj, prop, descriptor)
obj要在其上定义属性的对象。
prop要定义或修改的属性的名称。
descriptor将被定义或修改的属性描述符。
返回值是：被传递给函数的对象。
简单的描述：
该方法允许精确添加或修改对象的属性。通过赋值操作添加的普通属性是可枚举的，能够在属性枚举期间呈现出来（for...in 或 Object.keys 方法）， 这些属性的值可以被改变，也可以被删除。这个方法允许修改默认的额外选项（或配置）。默认情况下，使用 Object.defineProperty() 添加的属性值是不可修改的。