应先校验 inject 获取值的有效性再使用，推荐用函数式 provide 返回 this 并结合默认值降级，避免因父组件未提供导致报错。
直接在 inject 后检查 this.parent 是否为有效实例即可判断父组件是否存在，但更稳妥的做法是结合 provide 的函数式写法与空值防御逻辑，避免因父组件未正确提供而报错。
inject 后立即做存在性校验
inject 获取的值可能为 undefined（尤其父组件未 provide 或 provide 时机不对），不能直接调用方法或访问属性。应在使用前加一层判断：
- 在 setup 或 created 中检查注入对象是否为对象且有预期方法，例如：if (this.parent && typeof this.parent.submit === 'function')
- 避免直接写
this.parent.submit()，先判空再调用 - 可封装成工具函数复用：
const safeCall = (obj, method, ...args) => obj?.[method]?.(...args)
provide 必须用函数形式返回对象
若父组件用对象字面量写 provide（如 provide: { parent: this }），会因 this 尚未初始化导致注入 undefined。必须改用函数式写法：
-
正确写法：
provide() { return { parent: this } }—— 确保 this 已就绪 - 该函数在组件实例创建后、created 钩子前执行，能安全捕获当前实例
- 即使父组件被 v-if 控制，只要渲染了，provide 函数就会执行并返回有效实例
为 inject 设置默认值增强容错
inject 支持第二个参数作为默认值，可用于降级处理：
- 写成
inject('parent', { submit: () => console.warn('no parent') }) - 或使用对象解构默认值：
const { parent = {} } = inject('context', {}) - 当父组件缺失时，子组件仍可运行，只是跳过依赖父组件的逻辑
配合 $parent 做双重验证（可选）
对于简单场景，也可不依赖 provide/inject，直接用 this.$parent 判断父组件类型或方法：
if (this.$parent && this.$parent.$options.name === 'TemplateM')- 适合临时调试或轻量通信，但耦合度高，不推荐用于通用组件库
- 注意：$parent 只指向直接父级，无法跨多层；而 provide/inject 可穿透任意层级
不复杂但容易忽略。关键不在“能不能注入”，而在“注入失败时组件还能不能稳住”。把判空当习惯，把函数式 provide 当标配，兼容性问题就少了一大半。
