vue2和vue3的dom diff

Vue 2和Vue 3的DOM diff算法在很大程度上是相同的，但也有一些显著的区别。

在Vue 2中，DOM diff算法被实现为两个函数：patch和recreate。patch函数用于比较两个虚拟DOM树并找出它们之间的差异，然后将这些差异应用到实际的DOM树上。recreate函数则是在虚拟DOM树和实际DOM树之间完全不同的情况下调用的，它会销毁当前的DOM树并重新创建它。

相比之下，Vue 3的DOM diff算法则更加复杂和高效。它采用了称为"静态提升"的技术，可以在编译阶段分析静态内容并将其提升到渲染函数之外，从而避免在每次渲染时都进行DOM树的创建和比较。此外，Vue 3还引入了一个称为"块提升"的新概念，可以将一个完整的DOM块作为一个整体进行比较和更新，而不是逐个比较块中的每个节点。

总的来说，虽然Vue 2和Vue 3的DOM diff算法在核心思想上是相似的，但Vue 3的算法在性能和复杂性方面进行了优化和改进，可以提供更好的性能和更精细的控制。