Bus（mitt - vue3）

一、基础用法

Bus 主要用于兄弟组件之间传参数，Vue2 中用法较为麻烦，需要引入一个额外的 Vue 对象，Vue3 中可以使用 mitt 来完成

• 安装

npm install --save mitt

• 注册（新建：@/utils/bus.ts）

  import mitt from "mitt";
  const bus = mitt();
  export default bus;

• S2 - 发送方

  import bus from '../../utils/bus'
  const send = () => {
  bus.emit('s2Send', '这是S2发来的数据！');
  }
  

• S1 - 接收方 ```typescript import { ref } from “vue”; import bus from “../../utils/bus” const msg = ref(‘’); bus.on(‘s2Send’, e => { // 这里必须叫 e msg.value = e as string; })

```

• 输出结果