需要 injectionkey 是因为字符串 key 无法让 typescript 关联 provide/inject 类型，而 injectionkey 作为带泛型的 symbol，既保证唯一性又传递类型信息，实现精准类型推导。
Vue 组合式 API 中的 provide 和 inject 支持完整的 TypeScript 类型推导，但需要主动使用 InjectionKey 才能实现类型安全——否则 key 为字符串时，TypeScript 无法校验注入名是否拼写正确，也无法推断返回值类型。
为什么需要 InjectionKey
字符串形式的 key（如 inject('theme')）在 TypeScript 中是“任意字符串”，编译器无法关联 provide 和 inject 两端的类型。而 InjectionKey 是一个带泛型的 Symbol 类型，它既保证唯一性，又承载类型信息，使 provide 的值类型能精准传递到 inject 的返回值上。
如何正确定义和使用 InjectionKey
推荐在独立文件中统一声明 key，便于复用和维护：
- 创建
injectionSymbols.ts：
const userKey = Symbol() as InjectionKey>
- 在提供方使用：
import { themeKey, userKey } from './injectionSymbols'
const theme = ref('dark')
const user = ref({ id: 1, name: 'Alice' })
provide(themeKey, theme)
provide(userKey, user)
- 在注入方使用（类型自动推导）：
import { themeKey, userKey } from './injectionSymbols'
const theme = inject(themeKey) // 类型为 Ref
const user = inject(userKey) // 类型为 Ref
此时若传入错误 key（如 inject(Symbol())），TS 会报错；若 key 类型不匹配（如把 number 值用 string 的 key 提供），也会被拦截。
默认值与工厂函数的类型处理
当 inject 提供默认值或工厂函数时，需注意类型一致性：
- 静态默认值：类型直接参与推导，无需额外标注
- 工厂函数：必须显式传入
true作为第三个参数，否则 TS 会误判为值本身 - 例如：
inject(userKey, () => ({ id: 0, name: '' }), true)—— 此时返回值类型仍为Ref，而非函数类型
全局 provide 的类型支持
通过 app.provide() 注册的全局依赖同样支持 InjectionKey：
import { appConfigKey } from './injectionSymbols'
const app = createApp(App)
app.provide(appConfigKey, { apiUrl: 'https://api.example.com' })
后代组件中调用 inject(appConfigKey) 即可获得完整类型提示，且与局部 provide 共享同一套类型系统。
大量免费API接口：立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游，为数据API应用能力赋能！
