vue3使用mitt实现任意组件传值

1、引入mitt

npm i mitt

2、创建一个mitt.ts文件

import mitt from "mitt";

const emitter = mitt();

/*
  // 绑定事件
  emitter.on('test',(value)=>{
    console.log('test事件被触发',value)
  })
  emitter.on('xyz',(value)=>{
    console.log('xyz事件被触发',value)
  })

  setInterval(() => {
    // 触发事件
    emitter.emit('abc',666)
    emitter.emit('xyz',777)
  }, 1000);

  setTimeout(() => {
    // 清理事件
    emitter.all.clear()
  }, 3000);
*/

export default emitter;

使用

<button @click="emitter.emit('bgc', backgroundColor)">出发mitt</button>

emitter.on("bgc", (lang: any) => {
    console.log("111",lang);
});