「解耦神器」Vue3+Element Plus实现跨组件标签页自由控制:用 Mitt 打破通信边界

副标题: 「非父子非兄弟」玩转标签页关闭,实现全局事件总线!


技术实现解析:

  1. 安装与配置 Mitt
    首先安装依赖:

    npm install mitt  
    

    创建 mitt.ts 文件,定义事件类型和全局事件总线:

    import mitt, {
         
          
           Emitter } from 'mitt';  
    const emitter: Emitter<MittType> = <