计算属性名仅是动态生成对象键的语法，不参与调度；真正的“子应用迭代流”和“无感知调度”依赖微前端框架的生命周期、数据通信与响应式系统协同。
计算属性名本身不参与调度，也不能直接实现“迭代流”或“无感知调度”。它只是 JavaScript 和 Vue 中一种动态生成对象键的语法（如 [key]），真正起作用的是微前端框架的生命周期管理、数据通信机制和响应式系统协同工作。所谓“子应用迭代流”，实际是指基座按需、连续、低干扰地向子应用推送状态变更；而“无感知”指的是用户不察觉加载、切换或更新过程。
用计算属性名动态构造透传数据结构
基座需根据当前上下文（如路由、权限、用户角色）实时生成要传给子应用的数据字段。计算属性名可让这些字段名保持动态且响应式：
- 在 Vue 3 Composition API 中，用 computed 返回一个对象，其中键由变量拼接而成，例如
[`user_${role.value}`]、[`${tab.value}Config`] - 确保整个对象是响应式的，绑定到
<micro-app :data="dynamicData"></micro-app>或作为qiankun的props传入 - 每次依赖值变化（如 tab 切换、权限更新），dynamicData 自动重算，触发框架内部 setData 或 props 更新
子应用侧监听并解析动态键名数据
子应用无法监听某个具体动态键的变化，但可通过框架提供的数据监听接口捕获整次推送，并从中提取有效字段：
- 调用
window.microApp.addDataListener（micro-app）或在mount钩子中监听props变更（qiankun） - 在回调中用正则匹配键名，例如
/^user_.+$/提取用户相关字段，/Config$/提取配置项 - 将提取结果转为局部响应式状态（如 Vue 的 ref 或 reactive），驱动视图自动更新
避免误解“迭代流”为 Observable 流
微前端原生不提供 RxJS 风格的流式订阅。每一次数据传递都是独立快照，不是持续 emit 的 Observable：
- 基座侧若需节流、防抖、合并多次变更，应在 computed 内部预处理，再输出精简后的对象
- 不要依赖子应用自行 diff 前后值——框架不保证两次
setData间的数据引用关系，建议在基座做增量判断 - 高频更新场景下，可结合
queueMicrotask或requestIdleCallback控制推送节奏，但该逻辑不在计算属性名职责范围内
配合路由与生命周期实现调度闭环
仅靠数据透传还不够，“无感知”还需加载、挂载、状态恢复三者协同：
- 当路由匹配到某子应用路径时，基座通过计算属性名查出对应配置（如
[`/order/${tenantId}`]），立即触发loadMicroApp - 子应用挂载后，基座同步推送首次
data；后续路由参数或用户行为变更，再次通过同一套计算属性名机制触发新数据推送 - 卸载前，基座可发送
destroy类信号（如{ [`${appKey}_status`]: 'unmounting' }），子应用据此清理资源
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
