我是靠谱客的博主 忧心故事,最近开发中收集的这篇文章主要介绍Vue源码解析之_update函数(六),觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在$mount函数中,主要是调用了mountComponent函数,而该函数最后主要是调用了updateComponent函数,

上一次我们分析了render函数的功能(主要是利用createElement函数生成vnode),那么_update函数主要做了什么


首先,可以看到在'src/core/instance/lifecycle.js'中在Vue原型上定义了私有方法_update,在整个函数中,最重要的部分是执执行__patch__函数。在初始换渲染的阶段,向__patch__函数中传入了四个参数值。



然后,看看__patch__函数的功能(主要是将vnode转换成dom,渲染在视图中)。patch定义在'src/platforms/wed/runtime/patch.js'中。

可以看到,最终的patch是一个createPatchFunctio

最后

以上就是忧心故事为你收集整理的Vue源码解析之_update函数(六)的全部内容,希望文章能够帮你解决Vue源码解析之_update函数(六)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(34)

评论列表共有 0 条评论

立即
投稿
返回
顶部