vue 的 provide/inject 本身不提供插件式加载能力，而是作为跨层级共享配置、上下文与状态的关键粘合层；动态插件加载需组合 usescript、defineasynccomponent、provide 和运行时注册机制。
直接说结论：Vue 的 provide/inject 本身不提供“插件式加载”能力，也不处理算法逻辑或变量分析；但它能成为多维度变量分析算法动态加载时，跨层级共享配置、上下文与运行时状态 的关键粘合层。真正实现“动态插件式加载”，需要组合 useScript、defineAsyncComponent、provide 和运行时注册机制。
明确角色分工：provide 不是加载器，而是传递通道
很多人误以为 provide 能“加载插件”，其实它只负责把已加载的东西透传下去。比如你用 defineAsyncComponent 动态引入一个分析组件：
– 它加载完成 → 实例化 → 挂载到 DOM
– 此时它的父组件（或更上层）若已通过 provide 暴露了 { dataSource, dimensions, onResult } 等上下文，该组件就能 inject 到并立即使用
– 这个过程不依赖 props 钻透，也不需要提前在模板里写死 slot 或 v-model
构建可插拔的分析上下文环境
在顶层布局组件（如 DashboardLayout.vue）中 setup：
- 定义统一分析上下文对象，含维度描述、数据源代理、回调钩子等
- 用 reactive 包裹，确保响应性可被 inject 的子组件自动追踪
- provide 的 key 建议用 Symbol 避免命名冲突，例如 const ANALYSIS_CTX = Symbol('analysis-context')
- 如果多个分析模块共存，可按 scope 分组 provide，如 provide(ANALYSIS_CTX + '-sales', ctx)
让插件组件自动接入分析体系
每个维度分析插件（如 SalesTrendPlugin.vue、UserCohortPlugin.vue）在 setup 中：
- inject(ANALYSIS_CTX)，拿到数据源、维度配置、触发计算的方法
- 调用 inject 返回的对象上的方法（如 ctx.runAnalysis({ dim: 'region' })），内部可触发远程请求或本地计算
- 监听 ctx.resultRef，响应式接收分析结果，无需手动 watch 或事件订阅
- 支持 onBeforeUnmount 清理临时订阅（如取消未完成的 fetch）
配合动态加载机制完成闭环
实际切换插件时，推荐这样组织：
- 用 computed + import() 动态导入对应插件模块，避免全部打包
- 用
渲染，currentPlugin 是 defineAsyncComponent 返回的包装函数 - 在父组件 provide 的上下文中，预置插件所需的最小运行契约（如必须实现 getMetadata()、supportsDimension(dim)）
- 插件内部可通过 inject 拿到统一的 dimensionsMap、timeRange、tenantId 等多维元信息，实现“即插即用”
本质上，provide/inject 解决的是“插件怎么知道当前分析场景是什么”，而不是“插件怎么被加载”。把加载交给模块系统，把协同交给 provide，才能真正支撑起灵活、可扩展、多维度的分析插件体系。
