angular vue 原理解析

angular:双向数据绑定

脏数据监测：

在Angular中，有$apply和$digest两个函数：

$apply可以带参数，它可以接受一个函数，然后在应用数据之后，调用这个函数。

digest将会遍历我们的$watch：

• 嘿，$watch，你的值是什么？
  • 是9。
• 好的，它改变过吗？
  • 没有，先生。
• （这个变量没变过，那下一个）
• 你呢，你的值是多少？
  • 报告，是Foo。
• 刚才改变过没？
  • 改变过，刚才是Bar。
• （很好，我们有DOM需要更新了）
• 继续询问知道$watch队列都检查过。

因为Angular的设计，同一时间只允许一个$digest运行，而ng-click这种内置指令已经触发了$digest，当前的还没有走完，所以就出错了。

vue:双向数据绑定

数据属性:数据属性包含一个数据值的位置,在这个位置可以读取和写入值.

访问器属性:访问器属性不包含数据值;他们包含一对getter和setter函数在读取访问器属性时,会调用getter函数,这个函数负责返回有效的值,在写入访问器属性时,会调用setter函数并传入新值.

设置对象的访问器属性只能用es5的Object.defineProrerty()方法

每个属性都有get和set方法,在做双向的数据的控制都在get和set方法中,因为无论你是在ready(2.0是mounted了)或是在view中改变值都会触发set方法,将新值复制进去,在重新在view中匹配值,当然你们有更复杂的控制操作,get方法着是让ready中获取的这个属性值一直保存最新值.

angular vue 原理解析

原文：http://www.cnblogs.com/cara-front-end/p/6639052.html