无界微前端架构图

• 技术栈：Vite+Vue3+Typescript+Wujie+Element-Plus

关键词：
用户访问
登录
获取token及权限表
用户层
主应用注册的子应用列表
路由更新
主应用初始化&匹配子应用
注册子应用
子应用加载器
Vite
子应用容器
Typescript
Micro App 1
Micro App 2
Micro App 3
vue3基座主应用
隔离样式
Web Component
Element Plus
提供jS原生隔离
Iframe沙箱
Pinia
无界(Wujie)
兄弟应用通信
eventBus通信
props通信
window通信
框架公共事件管理
用户访问
登录
获取token及权限表
用户层
主应用注册的子应用列表
路由更新
主应用初始化&匹配子应用
注册子应用
子应用加载器
Vite
子应用容器
Typescript
Micro App 1
Micro App 2
Micro App 3
vue3基座主应用
隔离样式
Web Component
Element Plus
提供jS原生隔离
Iframe沙箱
Pinia
无界(Wujie)
兄弟应用通信
eventBus通信
props通信
window通信
框架公共事件管理
主应用与子应用通信
子应用与子应用通信