vue对自定义组件不进行全局subtree深度递归diff，而是将其视为抽象边界，由组件实例自主管理子树更新：父组件仅比对props等输入并触发子组件update effect，子组件重新render后在其subtree上启动独立patch递归。
Vue.js 的 patch 流程中，对自定义组件（即用户定义的 <mycomponent></mycomponent>）并不会直接进行“Subtree 深度递归”式的逐节点 diff。相反，Vue 会将自定义组件视为一个**抽象边界（abstraction boundary）**，在 patch 阶段跳过其内部子树，转而交由该组件自身的实例和更新逻辑来管理。
组件节点不进入普通 VNode diff 递归
当 patch 过程遇到一个自定义组件的 VNode（vnode.type 是一个组件选项对象或 setup 函数），Vue 不会像处理普通元素（如 div、span）那样展开其 children 并递归 patch 子节点。而是：
- 调用
processComponent()（在 runtime-core 中）统一处理组件类型 VNode - 根据组件是否已挂载，走
updateComponent()或mountComponent() - 组件自身的更新由其内部的
instance.updateeffect 驱动，该 effect 调用组件的render()生成新的子树 VNode，再对其子树执行独立的 patch
子树更新由组件实例自主控制
所谓“Subtree 深度递归”，实际发生在组件实例内部，而非父组件 patch 的主流程中：
- 父组件 patch 到该组件 VNode 时，仅对比组件本身的 props、slots、ref 等输入，触发子组件的更新逻辑
- 子组件重新 render 得到新的子树 VNode 后，才在其
subTree上启动新一轮独立的 patch 递归（从根子节点开始） - 这个过程可嵌套多层：A → B → C，每层都只负责自己
subTree的 diff，形成逻辑隔离
关键机制：subTree 与 update 的分离
每个组件实例都有：
vue-composition-api-best-practices
Vue 3 组合式 API 与
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章