蓝海国际版网站建设系统深圳市社会组织总会

背景：两套UI框架,一套vben为基础的v3框架，一套elePlus的v3框架，组件不一样的项目需要合并为一个，代码迁移工作量太大，iframe嵌入页面会导致项目内部路由跳转，页面穿透查询出现问题，综合考虑之后，选择使用micro-app将两个项目进行微前端集成。官方文档https://zeroing.jd.com/micro-app/docs.html#/zh-cn/route原理

micro-app借鉴了WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类WebComponent组件，从而实现微前端的组件化渲染，详见源码：https://github.com/micro-zoe/micro-app

流程

1.初始化子应用