vue3解析步骤
2024-03-31 16:54:17 5 举报
AI智能生成
登录查看完整内容
为你推荐
查看更多
vue3源码初始化脑图
作者其他创作
大纲/内容
runtime-dom
complier-dom
reactivty响应式文件
vue
createApp()
实例创建的过程
mount()
挂在过程
主线
cteateApp
render
hydrate=>ssr服务端渲染
返回的是一个对象
真正的渲染器baseCreateRenderer()
返回一个渲染器renderer =>createRenderer创建一个渲染器
ensureRenderer
单步调试
获取应用实例
首次渲染
返回对象
渲染器是什么
里面其实是创建vnode,并且通过path函数进行首次执行,
响应式依赖
建立===创建更新函数
建立更新机制=首次渲染,=>不停循环
mount()挂在做了什么事
思考
学习方法
初始化流程
解析步骤
这个render函数的作用就是接收虚拟DOM(vnode),转换成真实DOM,然后追加宿主环境
vue3
0 条评论
回复 删除
下一页