Vue兄弟组件之间通信（Bus）

vue3项目中的简单用法

1.创建事件总线

    <script setup>
      import { ref } from 'vue';

      const eventBus = new Vue(); 
    </script>

2.发送事件

    <script setup>
      // 假设在某个操作中发送事件
      function doSomething() {
        eventBus.$emit('customEvent', { data: 'Some data' });
      }
    </script>

3.订阅事件

    <script setup>
      eventBus.$on('customEvent', (data) => {
        // 处理接收到的事件和数据
        console.log(data);
      });
    </script>

4.取消订阅

 onUnmounted(() => {
          eventBus.$off('customEvent')
  });