Vue 实例挂载!
屏幕快照 2021-06-17 下午2.24.59.png
1.png
这段代码首先缓存了原型上的 $mount 方法,再重新定义该方法。
2.png
3.png
4.png
5.png
mount 方法实际上会去调用 mountComponent 方法。
6.png
7.png
。
从上面的代码可以看到,mountComponent 核心就是先实例化一个渲染Watcher,在它的回调函数中会调用 updateComponent 方法,在此方法中调用 vm._render 方法先生成虚拟 Node,最终调用 vm._update 更新 DOM。
Watcher 在这里起到两个作用,一个是初始化的时候会执行回调函数,另一个是当 vm 实例中的监测的数据发生变化的时候执行回调函数