基于qiankun的微前端应用之间的通信方式

启发博客

1.项目介绍：

主应用和需要进行通信的子应用都是Vue技术栈，都使用Vuex进行状态管理。

2.需求：

主应用和子应用进行通信。

3.通信方式

1.使用qiankun官方通信方式，这个看上面大佬的博客或者官方文档。

2.使用共享store的方式 项目实战

1.） 子应用没有使用Vuex进行状态管理

基座传递store:

子应用直接挂载基座的store,直接和正常的store一样操作就可:

2.） 子应用也使用Vuex进行状态管理

基座传递store:

子应用接收store,将基座的store挂载到Vue原型上，自己的store正常初始化。

使用的时候自己的store还是正常使用就可以，参考vuex官方文档中的用法。原型上的ShareStore所有的组件都可以获取到，使用的时候如下图

3.）传递action接口函数，间接操作基座store

基座注册子应用的时候传入store中的_actions中的函数

在子应用中接收并进行暴露，提供给需要的组件使用

组件中引入使用，通知基座改变状态