mitt 跨多层组件甚至兄弟组件通信

事件总线 mitt(适合跨层、跨组件传递)

1. 安装 mitt

bash 复制代码
npm install mitt

2. 建立 eventBus(src/utils/bus.js)

js 复制代码
import mitt from 'mitt'
export const bus = mitt()

3. 发送事件

js 复制代码
import { bus } from '@/utils/bus'

const handleClick = (row) => {
  bus.emit('row-click', row)
}

4. 接收事件

js 复制代码
import { bus } from '@/utils/bus'

bus.on('row-click', (row) => {
  console.log('收到点击数据:', row)
})
相关推荐
阿珊和她的猫31 分钟前
CSS3新特性概述
前端·css·css3
前端小端长1 小时前
qiankun 微前端应用入门教程:从搭建到部署
前端
yinuo4 小时前
前端跨页面通讯终极指南⑥:SharedWorker 用法全解析
前端
PineappleCoder8 小时前
还在重复下载资源?HTTP 缓存让二次访问 “零请求”,用户体验翻倍
前端·性能优化
拉不动的猪8 小时前
webpack编译中为什么不建议load替换ast中节点删除consolg.log
前端·javascript·webpack
李姆斯8 小时前
Agent时代下,ToB前端的UI和交互会往哪走?
前端·agent·交互设计
源码获取_wx:Fegn08959 小时前
基于springboot + vue健身房管理系统
java·开发语言·前端·vue.js·spring boot·后端·spring
闲谈共视9 小时前
基于去中心化社交与AI智能服务的Web钱包商业开发的可行性
前端·人工智能·去中心化·区块链
CreasyChan9 小时前
C# 反射详解
开发语言·前端·windows·unity·c#·游戏开发
JIngJaneIL9 小时前
基于Java+ vue智慧医药系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot