vue3使用mitt 实现组件之间通信 （不限制组件之间关系）

安装mitt

yarn add -save mitt
npm install mitt

创建miit 示例

mitt.ts

  import mitt from 'mitt'

  export default mitt()

组件A中 引入mitt并使用emit发送数据

  const data = ref('hello  mitt');
  import mitt from './mitt';
  mitt.emit('data', data);

组件B中 引入mitt并使用on接受数据

  import mitt from './mitt';
  mitt.on('data', (data)=>{
      console.log(`inject this data  ${ data }`)
  }); //inject this data  hello  mitt