解析解析vue中的中的$mount
本文主要是带领大家分析$mount。
$mount所做的工作从大体来讲主要分为3步：
1.如果你的option里面没有 render 函数，那么，通过 compileToFunctions 将HTML模板编译成可以生成VNode的Render函
数。
2.new 一个 Watcher 实例，触发 updateComponent 方法。
3.生成vnode，经过patch，把vnode更新到dom上。 由于篇幅有限，这里先说前两步，第三步下篇说。 好，下面具体的说。
首先，我们来到 $mount 函数，如下图：
我们呢可以看到，代码首先判断option里面有没有render函数，没有的话，进一步判断有没有template，没有的话就用dom元
素的outerHTML。得到template以后干什么了呢？如下图。
我们可以看到，调用了 compileToFunctions 将template转成render函数。这里面有两个过程：
将template解析成ast语法树。
通过ast语法树生成render函数。
具体的将template解析成ast语法树在本文就不说了，有时间单独开一个章节分析。好，这下我们拿到render函数了，那么接下
来一步干什么了呢？没错，就开始 mountComponent 了。如下图：
资源评论
weixin_38717156
- 粉丝: 4
- 资源: 887
最新资源
- new_bird_c-c语言入门
- christmasTree-圣诞树html网页代码
- working-shell脚本入门——流程控制
- hadoop_install-sqoop数据导入
- ThinkCMF-mysql安装
- BigData-Notes-sqoop的安装与配置
- C语言-leetcode题解之28-implement-strstr.c
- C语言-leetcode题解之27-remove-element.c
- C语言-leetcode题解之26-remove-duplicates-from-sorted-array.c
- C语言-leetcode题解之24-swap-nodes-in-pairs.c
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
