父应用:
//引入方法
import {initGlobalState } from 'qiankun';
//初始化时,先放想要的变量去占位
this.globalState = initGlobalState({
a: '',
b: ''
});
//...通过请求接口拿到数据,例如data,
//进行传递
this.globalState.setGlobalState({
a:data.a,
b:data.b
});
子应用:
//在mount的生命周期内,监听,拿到数据后,可以通过store存储供以后使用
export async function mount(props) {
console.log('props: ', props);
console.log('微应用mount');
props.onGlobalStateChange((state) => {
console.log('子应用接受的主应用数据');
store.commit('setA', state.a);
store.commit('setB', state.b);
}, true);
render(props);
}