vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue源码首次渲染过程

vue源码之首次渲染过程详解

作者:前端阿龙

这篇文章主要为大家详细介绍了vue源码之首次渲染过程,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

首次渲染

src/core/instance/index.js 中的 this._init方法

在这里插入图片描述

init方法内部

在这里插入图片描述
在这里插入图片描述

$mount内部 - 编译版本内部逻辑

在这里插入图片描述

$mount内部 - 运行时版本内部逻辑(最终执行) runtime/index中的 $mount方法

进入runtime/index中的$mount方法可以看到最终调用了mountComponent函数来渲染dom

core/instance/lifecycle 中的mountComponent

在这里插入图片描述

src/core/observer/watcher

在这里插入图片描述

在这里插入图片描述

总结

首次渲染过程

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!      

您可能感兴趣的文章:
阅读全文