Vue3中inject不创建响应式，仅透出provide侧已声明的响应式代理；若provide未用reactive/ref包装，则inject返回的普通值无法触发更新。
因为 inject 返回的不是原始对象，而是经过 reactive() 包装的响应式代理——本质是 Vue3 响应式系统统一作用的结果，而非注入过程单独“加了 Proxy”。
Inject 本身不创建响应式，只做取值转发
inject 是一个纯读取函数，它从父组件通过 provide 注入的容器中查找并返回对应值。它不做任何劫持、不调用 reactive、也不修改数据结构。如果 provide 的值本身是普通对象，inject 就返回普通对象；如果提供的是 reactive({}) 或 ref(...)，那返回的就是对应的响应式包装体。
绝大多数情况下，开发者会这样写：
provide('user', reactive({ name: 'Alice', age: 30 }))-
const user = inject('user')→ 此时user就是那个Proxy实例
也就是说：Proxy 来自 provide 侧的主动响应式声明，inject 只是“原样透出”。
立即学习“前端免费学习笔记（深入）”；
为什么推荐 provide 响应式对象而不是原始值？
如果不包装，直接 provide('count', 10)，那么 inject 拿到的就是基础数字（不可响应）。子组件无法监听变化，也无法触发更新。Vue 的响应式更新链路要求：数据源头必须是响应式类型（ref、reactive、computed 等）。
FastAPI + Flask 混合部署最佳实践，解决路由定义、API 代理等常见问题，适用于同时运行 FastAPI API 与 Flask 前端的场景。
常见安全写法包括：
provide('state', reactive({ a: 1, b: 2 }))provide('count', ref(10))-
provide('api', readonly(reactive({...})))（防意外修改）
这些都会让 inject 拿到 Proxy（或 Ref 包装器），从而接入 Vue3 的依赖追踪系统（track/trigger）。
Proxy 在注入场景中的实际表现
当你在组件中写 {{ user.name }} 或 user.age++ 时：
- 读取
user.name触发Proxy.get→ 内部调用track(target, 'name')，将当前组件的effect收进依赖集合 - 修改
user.age = 31触发Proxy.set→ 调用trigger(target, 'age')→ 通知所有收集到的 effect 重新执行（比如重渲染）
这个机制和你在 setup() 里直接用 reactive() 定义的数据完全一致——注入只是把响应式对象“跨层级传递”，没有新机制。
特殊情况：inject 到底会不会自动 reactive？
不会。Vue3 明确不自动转换：inject 不会对非响应式值做任何增强。例如：
-
provide('raw', { x: 1 })→inject('raw')返回 plain object，修改x不触发更新 -
provide('arr', [1, 2])→ 数组本身无响应，push或索引赋值均不会被拦截
若需响应式数组，必须显式用 reactive([1,2]) 或 ref([1,2]) 提供。
