没有合适的资源?快使用搜索试试~ 我知道了~
本文主要是带领大家分析$mount。 $mount所做的工作从大体来讲主要分为3步: 1.如果你的option里面没有 render 函数,那么,通过 compileToFunctions 将HTML模板编译成可以生成VNode的Render函数。 2.new 一个 Watcher 实例,触发 updateComponent 方法。 3.生成vnode,经过patch,把vnode更新到dom上。 由于篇幅有限,这里先说前两步,第三步下篇说。 好,下面具体的说。首先,我们来到 $mount 函数,如下图: 我们呢可以看到,代码首先判断option里面有没有render函数,没有的话,进一步
资源推荐
资源详情
资源评论
解析解析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
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 计算机语言学中单调队列算法的C++实现
- 印度未来水资源需求与干预策略的建模与评估 - 超出人均用水比率模型的应用
- 鲜亮的高景观色彩,专注景观的小程序组件库.zip
- 历史新闻传播模型及其优化研究 - 社交网络与图模型的应用
- 社会网络中信息流与舆论演变的多层动态模型研究
- 信息传播模型与过滤技术研究-基于社会网络与媒体影响的SIR模型及其应用
- 首个 Taro 多端统一实例 - 网易严选(小程序 + H5 + React Native) - By 趣店 FED.zip
- 教育捐赠模型优化与高校投资策略分析
- 毕业设计-基于Java的网络小说信息爬取与分析软件项目源码+数据库+文档说明
- 餐饮小程序源码.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功