MicroApp初步使用

如题所述

第1个回答  2022-06-20

MicroApp 借鉴了 WebComponent 的思想,通过 CustomElement 结合自定义的 ShadowDom,将微前端封装成一个类 WebComponent 组件,从而实现微前端的组件化渲染

设置 webpack 的公共路径 publicPath

通过 microApp.start 配置项的 preFetchApps 属性设置子应用的预加载,或者通过 microApp.preFetch 方法设置

基应用通过 data 属性向子应用传递数据,子应用通过 window.microApp.addDataListener 添加数据监听方法

子应用通过 window.microApp.dispatch 向外抛出一个数据,基应用通过 datachange 事件接收子应用抛出的数据

基应用可以定义 created 、 beforemount 、 mounted 、 unmount 、 error 五个生命周期函数

子应用可以定义 mount , unmount 两个生命周期函数

原文链接: MicroApp初步使用