1 Star 0 Fork 0

湘山神木 / vue-qiankun-helper

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

vue-qiankun-helper

介绍

vue接入qiankun微前端辅助处理工具,主要是针对主子应用hash/history两种模式路由处理,使用时建议主子应用路由模式保持一致。

安装教程

  npm i vue-qiankun-helper -S

使用说明

MainApp MicroApp
getHistoryModeActiveRule getMicroAppHashModeRoutes
getHashModeActiveRule getMicroAppRoutesByRouteMode
getMicroAppActiveRuleByRouteMode
addMicroRoutesToMainRoute
主应用微前端相关路由辅助处理方法
  • getMicroAppActiveRuleByRouteMode

主应用工程环境下 根据当前路由模式计算注册微应用的激活路由(微应用注册前使用)

import {MainApp, getMicroAppActiveRuleByRouteMode} from "vue-qiankun-helper";

let microApps = getMicroAppActiveRuleByRouteMode(routeMode, microApps);
// or
let microApps = MainApp.getMicroAppActiveRuleByRouteMode(routeMode, microApps);
  • addMicroRoutesToMainRoute

主应用工程环境下 添加子路由到主应用路由里面(微应用注册前使用)

import {MainApp, addMicroRoutesToMainRoute} from "vue-qiankun-helper";

addMicroRoutesToMainRoute(parentPath,mainRoutes,microRoutes);
// or
MainApp.addMicroRoutesToMainRoute(parentPath,mainRoutes,microRoutes);

子应用微前端相关路由辅助处理方法
  • getMicroAppRoutesByRouteMode

在子应用工程环境下 根据当前路由模式重新计算子应用路由(微应用注册前使用)

import {MicroApp, getMicroAppRoutesByRouteMode} from "vue-qiankun-helper";

let microAppRoutes = getMicroAppRoutesByRouteMode(routes, appName, routeMode, microAppContainer);
// or
let microAppRoutes = MicroApp.getMicroAppRoutesByRouteMode(routes, appName, routeMode, microAppContainer);

空文件

简介

vue接入qiankun微前端辅助处理插件 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/xiangshanxiumu/vue-qiankun-helper.git
git@gitee.com:xiangshanxiumu/vue-qiankun-helper.git
xiangshanxiumu
vue-qiankun-helper
vue-qiankun-helper
master

搜索帮助