微前端小记

micro-frontend…

微前端

基座模型和镶嵌模型

无界

运行模式

  1. 保活模式

内部的数据和路由的状态不会随着页面切换而丢失。

  1. 单例模式

子应用页面如果切走,会调用 window.__WUJIE_UNMOUNT 销毁子应用当前实例,子应用页面如果切换回来,会调用 window.__WUJIE_MOUNT 渲染子应用新的子应用实例

在单例式下,改变 url 子应用的路由会发生跳转到对应路由

  1. 重建模式

每次页面切换不仅会销毁承载子应用 dom 的 webcomponent,还会销毁承载子应用 js 的 iframe,相应的 wujie 实例和子应用实例都会被销毁

生命周期

路由同步

路由跳转

子应用之间的相互路由跳转

子应用 A 要打开子应用 B

子应用 A 要打开子应用 B 的指定路由

issues

主应用打开同一个子应用的不同路由实现?

1 单例模式,,主应用和子应用通过 bus 实现路由同步??

2 https://github.com/Tencent/wujie/issues/391