轻量级的跨端、多应用、响应式微前端 UI 框架
组织介绍

View UI

轻量级的跨端、多应用、响应式微前端 UI 框架

  • 基于 vite 生态构建,主应用使用 vue3 框架,子应用不设限;

  • 支持多个应用分屏显示,充分利用宽屏优势,通过对窗口进行纵向分区,可同时显示多个子应用;

  • 遵循移动端优先适配原则,在宽屏模式下,子应用窗口宽度可自由调节,充分利用空闲的显示资源;

  • 内置简单、轻量级的微前端应用解决方案, 支持 CSS Scoped、Shadow DOM、iframe 三种隔离方案可选;

  • 框架整体由主应用、子应用和公共依赖共同构成,三者可以独立打包和发布;

  • 每个子应用均支持独立分包,可实现最小化的增量开发、测试与发布;

  • 每个子应用都有独立的 Vue、Router、Navigator 实例,不同子应用之间公共组件、路由相互隔离;

  • 子应用优先使用 Vue 组件进行挂载,也支持自定义的原始 DOM 挂载方式,允许通过 React、Svelte 等框架来开发子应用;

  • 内置 PWA 安装与离线缓存;

公共依赖库

所有 api 均以 npm 模块的方式访问,可以按需扩充。

vue

vue 的原始 npm 模块

util

公共工具函数

components

公共基础组件资源库

net

网络服务,基于 axios 封装

state

全局响应式状态管理

navigator

全局导航相关属性、方法

路由

View UI 没有使用 Vue 官方的 Router 路由插件,而是采用定制的轻量级、扁平化路由方案。

动态参数处理

成就
0
Star
0
Fork
成员(1)
lixiangio-lixiangio
lixiangio

搜索帮助