Vue3 Diff 之 patchKeyedChildren 动态示例

在学习全网学习各路大神的关于 Vue3 Diff 算法分析文章的时候，一定离不开关键方法 patchKeyedChildren 。

patchKeyedChildren 处理的场景比较多，大致有 5 个主要过程。

如果你希望查看不同测试用例下，patchKeyedChildren 具体的内部处理过程，可以尝试一下这个：

欢迎大家来纠错，支持个 Star 更好了！

上面的示例目的是为了动态的、图形化（极简^o^）的展示 patchKeyedChildren 的处理过程，更加详细分析不再赘述了，分析文章请移步各路大神。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.