qiankun 主应用触发子应用的事件$on $emit

1. 主应用设置 在主应用文件里新建一个eventBus文件内容如下

 import Vue from 'vue'
// 这里只需要把vue实例抛出去
 export const qiankunEventBus=new Vue()

2.在主应用里触发方法

import { qiankunEventBus } from "@/qiankun/eventBus";
export default {
  beforeMount() {
    qiankunEventBus.$emit('testEvent')
  },

3.eventBus方法配置传入子应用

import { qiankunEventBus } from './eventBus'
// 子应用列表
const apps = [
  {
    name: 'test', 
    entry: '***',
    activeRule: '/children',
    container: '#qiankun-children',
    props: {  // 主应用向子应用传递的参数
      qiankunEventBus
    },
  },
]
export default apps

4.子应用挂载qiankunEventBus main.js

function render(props={}){
 // 将方法挂载到vue实列上面，方便后期使用
  Vue.prototype.$qiankunEventBus = props.qiankunEventBus
  }

5.子应用里使用

  qiankunEventBus(){
      this.$qiankunEventBus.$on('testEvent',()=>{
      )
    }