setupRenderEffect副作用函数
2022-01-17 14:51:46 2 举报
登录查看完整内容
副作用渲染函数更新组件的过程
作者其他创作
大纲/内容
shapeFlag & 128// 处理 SUSPENSE
SUSPENSE
相同
default
销毁节点
有
渲染新子树vnoderenderComponentRoot
TELEPORT
渲染组件
更新子树 instance.subTree = nextTree
next=vnode
更新组件，next有值？next 表示新的组件 vnode
switch (type)节点类型
为ELEMENT
缓存旧子树const prevTree = instance.subTree
shapeFlag & 1// 处理普通 DOM 元素 processElement()
instance.isMounted初次加载
COMPONENT
setupRenderEffect副作用函数
case
存在新旧节点节点类型是否相同
是
根据shapeFlag判断执行
否
Type:处理文本节点Comment处理注释节点Static:处理静态节点Frament:处理Fragment节点
patch流程
根据新旧子树 vnode 做 patch
shapeFlag & 64// 处理 TELEPORT
shapeFlag & 6// 处理组件 processComponent
不同
0 条评论
回复 删除
下一页
