Vue之Watcher源码解析(1)
数据双绑、AST对象处理完后,这里的Watcher对象负责将两者联系到一起,上一张网上的图片:可以看到,之前以前把所有的组件都过了一遍,目前就剩一个Watcher了。构造新的Watcher对象传了3个参数,当前vue实例、updateComponent函数、空函数。该构造函数添加了一堆属性,第二个参数由于是函数,直接作为getter属性加到watcher上,将字符串后则作为expression属性。最后有一个value属性,由于lazy为false,调用原型函数gei进行赋值:原型方法get中,先设置了依赖收集数组Dep的target值,user属性暂时不清楚意思,跳到了else分支,调用了getter函数。
下载地址
用户评论