双向数据绑定,angular,vue

最近github上插件项目更新了关于双向数据绑定的实现方式,关于angular和vue.

angular众所周知是使用的脏检查($dirty)。一开始大家会认为angular开启了类似setInterval去不停的循环检查,性能极差,但其实并不是,$dirty是在一定条件下才会去执行,比如输入框内容变化或者点击按钮,我没分析过源码,但是从指令的使用可以验证这一点,angular 的directive中scope.name=newValue;这个操作并不能使view中有变化,必须要手动启动脏检查。

对于vue,使用了es5的Object.defineProperty()中的set和get函数,很容理解,之前我的文章也有讲述。顺便简单看了下avalon,它是对“=”做了劫持,其实用的也是es5的Object.defineProperty(),不过其兼容到了ie6,对于低版本的IE浏览器使用了VBS的东西,但是总体实现代码量是很少的。

这里附上git地址

https://github.com/Stevenzwzhai/plugs/tree/master/data-bind