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