组件重新渲染的时候，diff算法在哪一个阶段发挥作用？

Question

老师我一直不理解diff算法在组件重新渲染的时候是怎么一个过程。render阶段会jsx生成vnode，那么是生成一个vnode就使用一次diff算法进行比对，还是当整个vnode 树生成之后才使用diff算法逐一比对？

Answer 1

双越 2022-03-21 08:32:40

diff 是比较，既然比较有需要两个对象。

所以，是组件渲染或者更新时，当新的 vnode 生成之后，和旧的 vnode 就行 diff 。

• 提问者 慕丝1117639 #1

  对于父级的VDOM来说，子元素是父级VDOM的一部分。diff算需要Vnode生成之后才进行diff，那么也就是说需要将当前组件的整个VDOM树都生成之后，才会使用diff算法，对每一个VDOM节点进行diff，请问是这样吗？

• 双越 回复 提问者 慕丝1117639 #2

  是的。完整 VDOM Tree 的 diff