微前端quankun Vue应用 action+Vuex通信方式的实现

Posted 2023-03-14

参考技术A

action + Vuex 通信主要是使用官方的 action 进行通信，之后再将值更新到 vuex 中

1、初始化 action

创建 src -> shared -> actions.js

2、在 Vue 组件中使用

1、把主应用中的初始化的action映射到微应用中

创建 src -> shared -> actions.js

2、在mounted的生命周期里注入actions实例

main.js

3、在 Vue 组件中使用

这样就实现 action + Vuex 的通信方式。

主要还是开篇这句话：
action + Vuex 通信主要是使用官方的 action 进行通信，之后再将值更新到 vuex 中

主要参考文章：
乾坤官网通信API
微前端qiankun Vue应用间通信的思考
qiankun的简单使用和通信