我是看的着两个文章 结合起来理解的
https://www.cnblogs.com/beevesnoodles/p/9844854.html
https://www.w3cplus.com/vue/vue-two-way-binding.html
image.png
这两篇文章写的太好了 我就理解我自己的记下来
监听所有属性的observer：这个的作用就是监听data下所有的属性，就是使用了这个object.defineProperty函数来实现的 只要数据变化就会经过set函数 ，这个时候就去通知所有的watcher去更新视图 ，其实是先通知dep 然后dep再去一一执行watcher
Dep：就是收集信息变更之后通知所有的watcher来进行一一通知
Compile:主要就是解析dom元素 然后判断相应的规则 比如简单的{{name}}解析 生成对应的watcher 然后在使用watcher传入的dom节点和对应的data元素然后执行文本更新
Watcher :接收属性变化然后触发dom更新函数。在new watcher的时候就会去执行个函数 然后把自己加入到dep里面，有改动的时候就可以更新啦啦啦啦啦
没有compile的watcher 差不多差不多
不懂再去看那两篇文章 完
网友评论