跳至主要內容

事件总线Mitt

qianxunvue知识点必会小于 1 分钟

1,安装mitt库

npm install mitt

2,在main.ts中引入mitt库

import mitt from 'mitt'
app.config.globalProperties.mittBus = mitt()

3,触发事件

 const { proxy } = <any>getCurrentInstance();
     
 proxy.mittBus.emit("event", {name: "code", age: 18}); //触发事件,向外传递参数
     
 proxy.mittBus.emit("Add", callbackFun(res));  //触发add事件,并向外传递了一个函数形式的参数

4,监听事件

  
  proxy.mittBus.on("event", (info) => { //接受参数
        console.log("event:", info);
      });
 
 proxy.mittBus.on("Add", (callback: Function) => {  //监听事件并接受函数形式的参数
            handleNewSubmit(callback); 
        });