微前端乾坤（qiankun）的后台标签页功能实现
最新回答
——_曾说过爱我
2022-09-02 15:04:03
首先，为React主应用增加tabs标签的逻辑。参考链接一，但考虑到页面缓存实现在父应用多实例下可能影响性能，因此仅借鉴了tabs操作逻辑，另寻页面缓存的实现方案。
接着，子应用实现页面缓存。参考链接二，具体方法是在子应用卸载时，不调用Vue或React的卸载事件，将rootDom追加至document.body，通过样式将其隐藏。子应用重新加载时，显示隐藏的rootDom。
对于Vue子应用的入口改造与keep-alive实现，直接采用keep-alive组件，确保页面在不重新加载的情况下保持状态。
React子应用的入口改造及页面缓存功能实现，借鉴了react-activation库，以实现类似Vue的maxAPI效果，确保页面在后台切换时仍保持加载状态。
在开发过程中，遇到了与Vue-router相关的问题。对此，已找到了临时解决方案，以确保页面切换流畅并避免性能损耗。
热门标签
