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>