前两期，我们接连分析了_data，observe,接下来，我们来分析$mount。
$mount所做的工作从大体来讲主要分为3步：
- 如果你的option里面没有
render函数，那么，通过compileToFunctions将HTML模板编译成可以生成VNode的Render函数。 new一个Watcher实例，触发updateComponent方法。- 生成vnode，经过patch，把vnode更新到dom上。
由于篇幅有限，这里先说前两步，第三步下篇说。
好，下面具体的说。首先，我们来到
$mount函数，如下图：
compileToFunctions将template转成render函数。这里面有两个过程：
- 将template解析成ast语法树。
- 通过ast语法树生成render函数。
具体的将template解析成ast语法树在本文就不说了，有时间单独开一个章节分析。好，这下我们拿到render函数了，那么接下来一步干什么了呢？没错，就开始mountComponent了。如下图：
updateComponent方法，这个是将要被Watcher实例调用的更新组件的方法，过一会分析到Watcher的时候将会看到。至于为什么会有个判断语句来根据条件声明updateComponent方法，其实从performance可以看出，其中一个方法是用来测试render和update性能的。好我们终于该到Watcher了，先看这句代码：
// we set this to vm._watcher inside the watcher's constructor
// since the watcher's initial patch may call $forceUpdate (e.g. inside child
// component's mounted hook), which relies on vm._watcher being already defined
new Watcher(vm, updateComponent, noop, null, true /* isRenderWatcher */);
我们先来分析一下注释里所说的_watcher是啥玩意呢？其实看看forceupdate的代码就知道了:
Vue.prototype.$forceUpdate = function () {
var vm = this;
if (vm._watcher) {
vm._watcher.update();
}
};
就是调用这个vm的_watcher的update方法。用来强制更新。为什么叫强制更新呢？vue里面有判断，如果新值 == 旧值， 那么就不触发watcher更新视图了~ 所以，如果非要更新就要调用forceupdate来强制更新了。好，让我们来看一看传进去的参数吧:
- vm:当前的vm实例
- updateComponent 这个非常重要，用来在后面将vnode更新到dom上的。
- noop 无意义的函数
- null option选项，没有则为null
- true 主要是用来判断是哪个watcher的。因为computed计算属性和如果你要在options里面配置watch了同样也是使用了
new Watcher，加上这个用以区别这三者。好，我们来看看new Watcher都做了什么事，如下图。
if (isRenderWatcher) {
vm._watcher = this;
}
可以看到，如果声明这个watcher的上下文是用来渲染视图的，也就是说是在mountComponent这里调用的new Watcher的时候，才会把this赋值给_watcher。然后把watcherpush到_watchers里面，目的是等到组件销毁时顺便把watcher也销毁掉。然后就是初始化watcher的成员，代码如下：
this.deep = this.user = this.lazy = this.sync = false;
接下来，就是赋值给getter,this.getter = expOrFn。还记得刚才传过来的updateComponent函数么，没错，就是这个赋值给我getter。然后我们就到了：
this.value = this.lazy
? undefined
: this.get();
进入到get方法里面，我们看看到底做了什么。get代码如下图:
pushTarget(this)，pushTarget(this)代码如下：
function pushTarget (_target) {
if (Dep.target) { targetStack.push(Dep.target); }
Dep.target = _target;
}
也就是说如果当前有Dep.target的话，就把target放到targetStack里面，如果没有的话，就设为当前的target，也就是这个watcher。
接着，就是执行了它的getter属性，也就是刚刚传入updateComponent函数。而updateComponent就是我们开篇提到第三步了。第三步我们下篇再说，如果你喜欢这篇文章请点个赞~ 谢谢！ 您的支持也是作者的动力！并且如果有什么问题，请在评论区进行提问，欢迎大家一起讨论~
