react diff和vue diff的差别

React和Vue是两个流行的前端框架，它们在组件更新时都使用了虚拟DOM来进行diff算法的优化，但是它们的diff算法实现有一些差别。

React的diff算法：
React使用了一种称为"Reconciliation"的算法来进行diff。在组件更新时，React会生成新的虚拟DOM树，并将其与之前的虚拟DOM树进行比较。React会遍历整个树，找到需要更新的节点，并进行相应的操作。React的diff算法有以下特点：
1. 采用深度优先遍历：React会递归地比较子节点，然后再比较兄弟节点。
2. 使用"key"属性进行优化：通过给每个列表项添加唯一的"key"属性，React可以更准确地判断哪些节点需要更新、删除或添加。
3. 通过三种操作来更新节点：React会根据节点类型和属性的变化，进行插入、移动或删除操作。

Vue的diff算法：
Vue使用了一种称为"Virtual DOM with Keyed Diff"的算法来进行diff。Vue的diff算法与React有一些相似之处，但也有一些不同之处：
1. 采用深度优先遍历：与React类似，Vue也会递归地比较子节点，然后再比较兄弟节点。
2. 使用"key"属性进行优化：与React一样，Vue也通过给每个列表项添加唯一的"key"属性来进行优化。
3. 采用双端比较：Vue会同时从新旧虚拟DOM树的头部和尾部开始比较，以尽可能地减少移动节点的操作。

总结：
React和Vue的diff算法都是基于虚拟DOM的，它们都通过比较新旧虚拟DOM树来确定需要更新的节点。它们的差别主要在于遍历方式和节点比较的策略上。React采用深度优先遍历，而Vue采用双端比较。此外，React还使用了"key"属性来进行优化。