micro-app提供了一套灵活的数据通信机制,方便主应用和子应用之间的数据传输。你可以通过<micro-app>组件的data属性向子应用发送数据,也可以在子应用中通过window.microApp.getData()获取数据,并通过window.microApp.dispatch()向主应用发送数据。 例如,在主应用中发送数据到子应用: vue <template> &...
* 当前vue-router版本:4.0.12*/functionfixBugForVueRouter4(router: Router) {//判断主应用是main-vue3或main-vite,因为这这两个主应用是 vue-router4if(window.__MICRO_APP_ENVIRONMENT__) {//if (window.location.href.includes('/main-vue3') || window.location.href.includes('/main-vite')) {/...
exportconstmenuList = [ {title:'home',appName:'home',route:'/',children: [] }, {title:'vite1',appName:'appname-vite1',route:'/app-vite1',children: [ {title:'home',route:'/app-vite1/home',hashName:'home',isShow:true}, {title:'page2',route:'/app-vite1/page2',hashName:...
https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/framework/vite 子应用 无需任何修改,直接启动子应用即可。 主应用 1. 安装微前端框架 microApp npm i @micro-zoe/micro-app --save 1. 2. 导入并启用微前端框架 microApp src/main.ts import microApp from '@micro-zoe/micro-app' microApp...
<micro-app :name="name" :url="url" iframe router-mode='native' keep-alive></micro-app> 子应用中路由跳转: router.push({ path: `/MF_customer/${path}`, query: { a: 1 } }); } 跳转后地址栏中的url发生了变化但是父应用中监听router变化不触发 ...
micro-app 插件是对 MicroApp 的二次封装。由于 micro-app 在微前端应用中,对作为基座的应用和作为子应用的配置和方法不同。该模板为了提供统一的 micro-app 配置,需要对 micro-app 二次封装,以屏蔽在基座应用和子应用时的配置和方法差异。模板提供统一的参数配置,将模板配置为 微前端的基座应用 或 子应用。
setup() { const state = reactive({ microApp_ifs: null, microApp_pis: null, microApp_tms: null, data: [], ifs: 0, pis: 0 }); const route = useRouter(); watch(() => route.currentRoute.value.path, (count, prevCount) => { if (count.indexOf('/ifs/eam') != -1) { state...
mirco-app(2.6K star) 官网:micro-zoe.github.io/micro-app/ 来自京东零售团队的开源框架,基于类WebComponent进行渲染。 webpack5 Module Federation 文档地址:webpack.docschina.org/concepts/mo… webpack 5.0 推出的重大更新之一,它提供了一套应用间互相依赖的加载规范。
cc/micro-app-vue3web 代码 Issues 0 Pull Requests 0 Wiki 流水线 服务 额,这里啥也没有呢! 支付提示 将跳转至支付宝完成支付 确定 取消 捐赠 捐赠前请先登录 取消 前往登录 登录提示 该操作需登录 Gitee 帐号,请先登录后再操作。 立即登录 没有帐号,去注册 1 https://gitee.com/ccs686/...
子程序:基于vite的vue3.2(micro-app-vue)、基于webpack的Angular(micro-app-angular)、基于webpack的React(micro-app-react) 一、基于vite的vue3.2基座配置(base-app) 1. 安装路由和配置路由,和往常一样,过程略 2. App.vue <template> <router-linkto="/">这里是主应用...