vue3 事件总线 emit

84 阅读 0 评论 56 点赞

我是靠谱客的博主飘逸硬币，最近开发中收集的这篇文章主要介绍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 事件总线 emit所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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