vue3 事件总线 emit

204 阅读 0 评论 135 点赞

我是靠谱客的博主飘逸硬币，这篇文章主要介绍vue3 事件总线 emit，现在分享给大家，希望可以做个参考。

vue3官网关于事件总线

在vue3中移除了$on $off等，事件总线可以使用 mitt 或 tiny-emitter 代替

使用mitt

安装 npm install --save mitt

自己建一个mitt.js

import mitt from 'mitt';
const emitter = mitt();
export default emitter;

引入并使用

import emitter from "@/utils/mitt";

// 发送值
emitter.emit('machine-info', {region: e.target.options.icon.options.region});

import emitter from "@/utils/mitt";
// 在其他组件监听
emitter.on('machine-info',(data)=>{
   console.log(data)
}）
// 组件销毁时记得卸载监听
emitter.off('machine-info')

官网表示能不使用总线就不使用总线，尽可能使用vuex，或者provide和inject

以上就是飘逸硬币最近收集整理的关于vue3 事件总线 emit的全部内容，更多相关vue3内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。