vue3.0 总线使用

新建文件mitt.ts

import mitt from 'mitt';

const instanceMitt = mitt();
export const mittEmit = instanceMitt.emit
export const mittOn = instanceMitt.on
export const mittOff = instanceMitt.off

export default instanceMitt

A.vue

import { onMounted, onUnmounted } from "vue";
import { mittOn, mittOff } from '@/mitt'

export default {
  setup() {
    onMounted(() => {
      // 注册总线eventName方法
      mittOn('eventName', onStopRefresh)
    })
    onUnmounted(() => {
      // 注销总线eventName方法
      mittOff('eventName', onStopRefresh)
    })

    return {};
  },
};

B.vue

import { onMounted } from "vue";
import { mittEmit } from '@/mitt'

export default {
  setup() {
    onMounted(() => {
      // 触发总线eventName方法
      mittEmit('eventName', arguments)
    })

    return {};
  },
};