angular.js,vue.js,avalon.js这些mvvm框架中的双向数据绑定是如何实现的?


最近在看mvvm框架,感觉双向数据绑定这块很是开阔思路,但是这些框架代码模块化都很零碎,看起来很跳跃。。有没有大神研究过能说明白一下,尽量少阐述概念,能说其中一个就行~

mvvm vue avalon JavaScript angularjs

豇豆豆豆豆豆豆 10 years ago

简单来说下检测数据改变:
angular,就是利用脏检查机制,保留两份,一份旧的一份新的,然后做检查;这样就能知道数据是否改变了。
Avalon和vue:都是使用的Object.defineProperty来实现的,然后定义的时候设置set get访问器,每次数据读取设置都需要通过访问器,然后检查是否改变;其中avalon对于不支持Object.defineProperty的采用了VBScript模拟实现。

然后就是和页面上的view中的数据联动了。angular会首先parse页面,然后编译compile,然后link。其中会有指令啊 表达式啊就是在这个过程中实现了联动。而avalon也差不多,只是改叫扫描了,vue也类似。

平家♂多啦 answered 10 years ago

Your Answer