解析vue中的$mount

本文主要是带领大家分析$mount。$mount所做的工作从大体来讲主要分为3步：1.如果你的option里面没有 render 函数，那么，通过 compileToFunctions 将HTML模板编译成可以生成VNode的Render函数。由于篇幅有限，这里先说前两步，第三步下篇说。好，下面具体的说。首先，我们来到 $mount 函数，如下图：我们呢可以看到，代码首先判断option里面有没有render函数，没有的话，进一步判断有没有template，没有的话就用dom元素的outerHTML。得到template以后干什么了呢？我们可以看到，调用了 compileToFunctions 将template转成render函数。这里面有两个过程：。接着，就是执行了它的 getter 属性，也就是刚刚传入 updateComponent 函数。而 updateComponent 就是我们开篇提到第三步了。