Vue的provide/inject不能跨微前端子应用共享配置，仅限单个Vue实例组件树内有效；主应用需通过props传参给子应用根组件，再由其内部provide下发，子组件inject获取，配合readonly、ref等确保响应式与隔离性。
Vue 的 provide/inject 本身不能跨微前端子应用共享配置，它只在单个 Vue 实例的组件树内有效。但在微前端或插件开发中，仍可通过合理分层设计，让 provide/inject 发挥关键作用——关键在于明确“谁提供”“谁注入”“作用域在哪”。
主应用向子应用根组件传参，再由子应用内部 provide
主应用（基座）无法直接 provide 给子应用组件，但可以将配置作为 props 或全局变量传入子应用挂载点。子应用根组件拿到后，再用 provide 向自己内部组件树下发：
- 主应用在加载子应用时，通过 mount 参数或自定义属性传入配置对象，例如：
props: { theme: 'dark', user: { id: 123 } } - 子应用的
main.js或根组件接收该 props，并在setup()中调用provide，如：provide('appConfig', readonly(props.config)) - 子应用内任意深层组件用
inject('appConfig')获取，且响应式（需用readonly包裹避免意外修改）
子应用内统一上下文管理（推荐场景）
适合主题、i18n、权限、表单 Schema 等局部但跨多层的配置，避免层层透传 props：
- 在子应用根组件或路由守卫中初始化配置对象（如从主应用传入的
user拓展出权限规则） - 用
provide注入一个响应式对象（ref或reactive），而非原始值 - 配合
inject+computed在业务组件中派生状态，例如：const canEdit = computed(() => config.value.roles.includes('editor'))
插件开发中的配置注入模式
编写可复用的 Vue 插件（如 UI 库、工具库）时，provide/inject 是标准做法：
立即学习“前端免费学习笔记（深入）”；
- 插件 install 方法接收 app 实例和 options，调用
app.provide('myPluginConfig', reactive(options)) - 插件内封装的组件统一
inject('myPluginConfig')，无需用户手动传 prop - 支持运行时覆盖：子应用在使用插件时可传入不同配置，各实例间隔离
避开常见误区
别把 provide/inject 当作跨应用通信工具：
- ❌ 不要在主应用根组件写
provide期望子应用组件能inject到 - ❌ 不要用非响应式原始值（如字符串、普通对象）直接
provide，否则子组件无法响应变化 - ✅ 跨子应用配置同步应走主应用暴露的 API（如
window.__MICRO_APP_ENV__.config）或 qiankun 的initGlobalState
