micro-app提供了一套灵活的数据通信机制,方便主应用和子应用之间的数据传输。你可以通过<micro-app>组件的data属性向子应用发送数据,也可以在子应用中通过window.microApp.getData()获取数据,并通过window.microApp.dispatch()向主应用发送数据。 例如,在主应用中发送数据到子应用: vue <template> &...
3-1、创建app_first,cd…回到micro-app-demo文件夹下 cd .. // 返回上一级目录 vue create app_first 3-2、创建app_second 这边为了减少麻烦我直接把app_second也创建了,等会就不用创建app_second了 vue create app_second 到这里子应用就都创建完成了,接下来开始对子应用开始配置,因为一下子有了三个目录...
base: window.__MICRO_APP_BASE_ROUTE__ || '/', routes }); 2、子工程配置跨域,在vue.config.js中 devServer: { headers: { 'Access-Control-Allow-Origin': '*', }, port: port, open: true, overlay: { warnings: false, errors: true ...
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...
Open opened this issueJan 18, 2022· 1 comment senrocommentedJan 18, 2022• edited Collaborator gongshuncommentedJan 18, 2022 vue-router 有 abstract 模式,但是不能用MicroAppWithMemoHistory标签,需要用手动加载的方式 👍1cuijiudai reacted with thumbs up emoji ...
micro-app版本:"@micro-zoe/micro-app": "^1.0.0-rc.16", 主应用前端框架&版本:vue2, "ant-design-vue": "^1.7.8", 子应用前端框架&版本:vue3, "ant-design-vue": "^4.2.3", "vite": "^4.4.9", 构建工具&版本:node16.16.1 Sign up for free to join this conversation on GitHub. Alread...
本资源是在基于micro-app在vue-element-admin中的搭建之后对micro-app在vue-element-admin中的使用进行的进一步研究。 主要包括:路由、页面之间的跳转、数据通信、样式隔离、元素隔离、资源共享、组件共享等的一些研究。 注: (1)代码下载后要分别要对基座和子应用安装依赖npm install ...
mkdir single-spa-app cd single-spa-app 接下来,我们将初始化一个新的package.json文件: npm init -y 现在,这是有趣的部分。我们将安装此项目所需的所有依赖项。我将把它们分成不同的步骤。 1. 安装常规依赖项 npm install react react-dom single-spa single-spa-react single-spa-vue v ...