Micro APP
初始化数据 - 下发数据
- base -> child
<!-- base set -->
<micro-app
name='appname-vite'
:data='microAppData'
></micro-app>
// child get
window.microApp.getData()
之前的版本中,getData 拿到的数据会受基座 setData 影响,也就是说,在子应用渲染过程中,如果基座没有 setData 的动作,那么子应用 getData 拿到的数据就是
<micro-app :data='microAppData'>
下发的数据,一旦基座执行了 setData ,那么之后子应用通过 getData 拿到的就是最后一次 setData 的数据。
事件通信
- base -> child
// base send
import microApp from '@micro-zoe/micro-app'
microApp.setData(appName, { path: childPath })
// child accept
window.microApp.addDataListener((data) => {})
- child -> base
// child send
window.microApp.dispatch(data)
<!-- base accept -->
<micro-app
name='appname-vue2'
@datachange='handleDataChange'
></micro-app>
本页目录