Skip to main content

React DOM diff 和 Vue DOM diff 的区别？

先纠正之前的一个细节错误：

错：我认为数组存储的是整棵树。 对：其实数组存储的是拥有相同爸爸的一群子节点。

  1. React 是从左向右遍历对比，Vue 是双端交叉对比。
  2. React 需要维护三个变量，Vue 则需要维护四个变量。
  3. React 需要进行借助 Map 进行 key 搜索找到匹配项，然后复用节点，Vue 会发现移动，直接复用节点
  4. Vue 整体效率比 React 更高，举例说明：假设有 N 个子节点，我们只是把最后子节点移到第一个

参考文章​