简述React 与 Vue 的 diff 算法有何不同 ？
React 和 Vue 都使用了高效的 diff 算法来比较新旧 Virtual DOM，但是它们的实现方式有所不同。
React 的 diff 算法：
React 使用了一种叫做 “Reconciliation” 的 diff 算法。在比较新旧 Virtual DOM 时，React 会按照以下三种策略进行：
- 元素类型不同：如果元素类型不同，React 会直接销毁旧元素及其子元素，并创建新元素。
-
元素类型相同，是 DOM 元素：React 会比较这两个元素的属性，并只更新变化的属性。
-
元素类型相同，是组件：如果组件类型相同，React 会调用组件的
render方法生成新的 Virtual DOM，并递归地进行 diff。如果组件类型不同，React 会销毁旧组件并创建新组件。
React 的 diff 算法默认假设不同类型的元素会产生不同的树，而且开发者不会在同一位置改变元素的类型。因此，它在处理列表时，如果没有手动添加 key，可能会造成不必要的元素重渲染。
Vue 的 diff 算法：
Vue 的 diff 算法是基于 “就地复用” 的策略。当新旧 Virtual DOM 进行比较时，Vue 会尝试复用旧节点，并且根据需要进行更新。这使得 Vue 在处理列表时，即使没有手动添加 key，也能尽可能地复用元素，避免不必要的元素重渲染。
然而，这种策略在某些情况下可能会导致问题。例如，如果你有一个列表，其中的元素可能改变类型，那么你需要手动添加 key 来告诉 Vue 哪些元素可以复用，哪些元素需要创建或销毁。
总的来说，React 和 Vue 的 diff 算法都是为了提高渲染性能，但是它们在实现细节和优化策略上有所不同。在实际开发中，你需要根据你的应用的需求和性能要求来选择使用哪一个。