vue通过标记特殊节点、差异化处理组件、优化fragment/teleport及keyless列表实现高效patch：静态节点跳过diff，组件交由自身更新，函数式组件无实例开销，fragment跳过dom创建，teleport分离逻辑与渲染位置，静态子节点整块复用。
特殊节点的识别与标记机制
Vue 会对某些具有稳定结构或静态特征的节点做显式标记，比如纯文本、静态 class 的元素、不带响应式绑定的属性节点。这些节点在 patch 过程中被判定为“不可变”，从而跳过深度 diff。Vue 2 中通过 vnode.isStatic 标志位标识；Vue 3 引入更细粒度的 patchFlag，如 PATCH_TEXT、CLASS、PROPS 等，让 patch 函数能直接定位需更新的字段，避免遍历整个 data 对象。
组件节点与函数式组件的差异化处理
组件节点（component VNode）在 patch 时不会直接操作 DOM，而是交由子组件自身的 update 流程控制。若组件设置了 shouldComponentUpdate 或使用 memo（Vue 3 的 shallowRef / markRaw 配合），会提前终止子树 diff。函数式组件节点因无实例、无响应式系统开销，patch 时仅执行一次渲染函数并复用结果，适合渲染纯展示型内容。
Fragment 和 Teleport 节点的 patch 特殊逻辑
Fragment（空标签 ``）本身不对应真实 DOM 元素，patch 时跳过 elm 创建，只递归处理其 children；Teleport 节点则打破常规父子 DOM 关系，patch 过程中会分离“逻辑位置”与“渲染位置”：先按正常流程 diff 子节点，再将生成的 DOM 片段挂载到目标容器（如 document.body），同时保留对原占位节点的引用以便后续更新。
keyless 列表与静态子节点的优化路径
当列表节点缺失 key 时，Vue 不启用双端 diff，而退化为朴素遍历——但若整个子节点数组被标记为静态（如编译阶段识别出全为文本或无绑定元素），则整块跳过 updateChildren，直接复用旧 DOM。这种优化依赖编译器预分析，常见于模板中写死的菜单项、表单标签等场景。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
