VNode 的父子引用由渲染函数显式构造而非自动绑定，h() 调用时通过当前实例上下文设置 parent 字段，children 数组不反向维护 parent，patch 阶段 parent 通常稳定但移动节点时不更新，故不应依赖 VNode.parent 做运行时逻辑。
Vue.js 中 VNode 的父子引用关系不是自动“绑定”的，而是由渲染函数（或模板编译器）在创建 VNode 时显式构造的。理解这个过程，关键在于抓住 谁创建了子节点、谁负责设置 parent 字段、以及 patch 阶段如何影响引用一致性。
render 函数中 parent 引用由子节点主动记录
当你写一个组件的 render 函数（或使用 JSX），调用 h() 创建子 VNode 时，Vue 并不会自动把当前组件的 VNode 设为它的 parent。真正的赋值发生在 h() 内部：它会读取当前渲染上下文中的 activeInstance（Vue 2）或 currentInstance（Vue 3），并把该实例对应的代理 VNode（即父 VNode）赋给新创建 VNode 的 parent 属性。
这意味着：
- 父子关系依赖于渲染执行时的上下文栈，不是靠 DOM 树或 children 数组反向推导
- 如果手动调用
h()在非渲染函数中（比如 setup 顶层），parent可能为 null 或意外指向错误实例 -
children数组只保存子 VNode 引用，不包含反向 parent 字段；parent 是每个子 VNode 自己持有的独立属性
template 编译后同样遵循同一逻辑
模板最终被编译为 render 函数，所以 <div><MyChild /></div> 实际生成的代码类似：
立即学习“前端免费学习笔记（深入）”；
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
其中 h(MyChild) 执行时，仍处于父组件 render 上下文中，因此生成的子 VNode 正确持有父 VNode 的引用。编译器不会额外插入 parent 赋值语句——它完全复用 h 的行为。
patch 过程中 parent 引用一般保持稳定，但有例外
在 diff 和更新过程中，VNode 可能被复用、移动或替换。此时 parent 引用是否更新，取决于具体操作：
- 正常复用旧 VNode（sameVnode 判断通过）：
parent不变，因为 VNode 实例未重建 - 将一个 VNode 从 A 组件移到 B 组件的 children 中（如 v-for 重排序、动态 slot 插入）：Vue 不会自动修改其
parent字段——这属于危险操作，会导致 parent 指向过期 - 组件重新挂载或
key变化导致强制新建 VNode：新 VNode 的parent将按当前上下文重新设置
因此，不要依赖 VNode.parent 做运行时逻辑判断（比如权限校验、上下文查找），而应优先使用组件实例（this 或 getCurrentInstance()）或 provide/inject。
开发中应避免直接操作或依赖 VNode.parent
VNode 是内部渲染结构，其 parent 字段主要服务于：
- 错误边界定位（向上查找最近的 errorCaptured 钩子）
- 某些 devtools 调试信息展示
- SSR 中的上下文继承（如
ssrContext传递）
它不是公共 API，也不保证在所有场景下准确反映真实组件层级（例如异步组件加载中、teleport 内容、keep-alive 缓存节点）。若需访问父组件，用 this.$parent（Vue 2）或 inject / defineProps({ onXXX }) 显式声明依赖更可靠。
