微前端小记
micro-frontend…
微前端
基座模型和镶嵌模型
无界
运行模式
- 保活模式
内部的数据和路由的状态不会随着页面切换而丢失。
- 单例模式
子应用页面如果切走,会调用 window.__WUJIE_UNMOUNT 销毁子应用当前实例,子应用页面如果切换回来,会调用 window.__WUJIE_MOUNT 渲染子应用新的子应用实例
在单例式下,改变 url 子应用的路由会发生跳转到对应路由
- 重建模式
每次页面切换不仅会销毁承载子应用 dom 的 webcomponent,还会销毁承载子应用 js 的 iframe,相应的 wujie 实例和子应用实例都会被销毁
生命周期
路由同步
路由跳转
子应用之间的相互路由跳转
子应用 A 要打开子应用 B
子应用 A 要打开子应用 B 的指定路由
issues
主应用打开同一个子应用的不同路由实现?
1 单例模式,,主应用和子应用通过 bus 实现路由同步??