vue 7.4
我们一起来读书吧
全部回复
仅看楼主
level 5
7.4 更新节点
只有两个节点是同一个节点时,才需要更新节点,找出最小更新范围更新。
7.4.1 静态节点
如果新旧虚拟节点是静态节点,直接跳过。
7.4.2 新虚拟节点有文本属性
当新旧虚拟节点不是静态节点,且属性不同时,以新虚拟节点为准更新时图。
新节点有text属性,直接setTextContent方法更新视图dom。
7.4.3 新虚拟节点无文本属性
新节点无text属性,说明是元素节点
有children的情况oldVnode有children属性:新旧vnode children对比更新。oldVnode无children属性:说明oldVnode是空标签或有文本的文本节点。只需清空标签,将vnode中的children挨个创建真是DOM节点并插入视图DOM节点下面。
无children的情况当vnode无text属性也无children属性时,说明创建的是空节点。只需要删除oldVnode的子节点或文本。
2025年12月08日 09点12分 1
1