VUE3.0对diff过程进行了升级，去掉了key查找，而是变成了计算最少移动dom的方案，然后在进行dom更新，它的计算方式就是以最长递增子序列算法为基础进行改造而来的，本文将一点点推导破解此算法！

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

大家好，我是哈默。上回，我们说到了 diff 的前 4 步。那么最后，我们还需要看一下 乱序 的情况 vue 是如何处理的。

在 Vue 3 中，对模板的编译和渲染做了大量的优化，在编译阶段通过 动态节点收集和静态节点提升，为渲染阶段的性能提升打下了坚实的基础

本文属于笔者Vue3源码阅读系列第七篇文章，大致内容： 1. `patchChildren`逻辑解读 2. 没有绑定`key`的`diff`算法 3. 绑定了`key`的`diff`算法

--- theme: cyanosis --- > 在上一篇文章 [# 面试官：说一说 vue3 的快速 diff 算法（一）](https://juejin.cn/post/726599596968

能不移动，尽量不移动。不行就移动，实在不行就新建

如果你觉得排版难看，请点击下面链接或者拉到下面关注公众号也可以吧【Vue原理】Diff-白话版终于到了最后一块内容了！今天我们就来简单概括一下Diff，内容一点都不多哦，全是图片Diff作为Vue比较

写Vue不写清理，内存翻车、请求幽灵、组件炸雷挨个上门！本文手把手带你拆炸弹：搜索框防抖取消、ECharts销毁、全局事件引用计数……附万能范式，0 leak秒变性能刺客！