组件通信-mitt

mitt:与消息订阅与发布(pubsub)功能类似,可以实现任意组件间通信

第一步:安装mitt

npm i mitt

第二步:新建文件:src\utils\emitter.ts
// 引入mitt
import mitt from "mitt"; 

//调用mitt得到emitter,emitter能:绑定事件、触发事件、解绑事件
const emitter= mitt()

//暴露/导出
export default emitter;
第三步:接收数据的组件中:绑定事件、同时在销毁前解绑事件:


 第四步:提供数据的组件,在合适的时候触发事件


你可能感兴趣的:(javascript,前端,vue.js)