vue3中使用vue-bus

vue3中使用vue-bus。

第一步：安装

yarn add mitt -S

第二步：新建bus.js文件

import mitt from 'mitt';
const Bus = mitt();

export default Bus;

第三步：使用(login.vue)

import Bus from '@/store/bus'

Bus.emit('submit', true) // 注册

第四部：其它页面（index.vue）

import Bus from '@/store/bus'

Bus.on('submit', res => {
    console.log('我收到了')
})

补充说明：在注册页面需要在组件销毁前的生命周期里对bus事件进行销毁处理，

Bus.off('submit') // 销毁