vue内部运行机制

Question

这个图有些地方还是不理解，我们可以看到 render function 到 DOM有两种方式

1. render function -> getter -> watcher -> ...-> DOM
2. render function -> vitual dom tree -> ...->DOM

为什么会有第二种方式呢

Answer 1

render function -> getter -> watcher 是为了收集依赖，把需要观察的值对象记录下来。

正常来说走的都是第二条路径，即 render function 生成新的 virtual DOM，然后跟现有的 virtual DOM 对比，找出差异点，再更新 DOM。