本文从技术角度进行对比了主流的微前端框架，阿里的乾坤和腾讯的无界。
| 序号 | 对比项 | 乾坤 | 无界 | 备注 |
|---|---|---|---|---|
| 1 | 适配成本 | 主应用需要完成工程化、生命周期、静态资源路径、路由等一系列工作，子应用需要相应适配工作。 | 无界提供基于 vue 封装的 wujie-vue和基于react封装的 wujie-react，用户可以当作普通组件一样加载子应用，适配成本比较低。如果不需要通讯子应用无需进行任何改造。 | |
| 2 | 组件保活keep-alive | 不支持 | 支持 | 页面切换后，可以保持页面当前状态。 |
| 3 | 跨技术栈 | 支持 | 支持 | 可以同时加载vue、react前端框架开发的子应用。 |
| 4 | 多应用激活 | 不支持 | 支持 | 一个页面有多个子应用组成时，页面同时激活状态。 |
| 5 | 样式隔离/js沙箱 | 支持 | 支持 | 主子应用定义了相同css、js变量、js函数不覆盖冲突。 |
| 6 | 元素隔离 | 不支持 | 支持 | 乾坤存在页面元素定位问题。 |
| 7 | 数据通信 | actions | props、window、eventBus | 传参、函数调用 |
| 8 | 子应用预加载 | 仅静态资源预加载 |
不仅能够做到静态资源的预加载，还可以做到子应用的预执行。 | |
| 9 | 学习成本 | 较高 | 较低 | |
| 10 | 首个版本 | v1.1.4 (2019-08-01) | 1.0.0-rc.1 (2022-07-05) | |
| 11 | 最近更新 | v2.10.8 (2023-05-17) | 1.0.16 (2023-05-17) | |
| 12 | 兼容ie | 支持 | 自动降级成iframe | |
| 13 | 应用嵌套 | 支持 | 支持 | 子应用嵌套子应用 |
结论
无界相对乾坤开发适配成本低，支持一个页面同时加载多个子应用页面，支持预加载、元素隔离、多应用激活。建议采用无界。
网友评论