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)
})
相关推荐
万少23 分钟前
万少的博客 - 技术分享与解决方案
前端·javascript·后端
尘世中一位迷途小书童3 小时前
用 Cesium 撸了一个森林火情监控大屏,弧线、粒子、发光效果都齐了
前端·javascript
IT_陈寒3 小时前
垃圾回收器选错了,我的Java服务内存炸了
前端·人工智能·后端
月光下的丝瓜4 小时前
Flutter 国内安装指南
前端·flutter
玄星啊4 小时前
AI 编程的第 30 天,我怀念古法 Coding 了
前端·ai编程
Jolyne_4 小时前
Angular基础速通
前端·angular.js
锋行天下5 小时前
半秒开!还有谁!!!
前端·vue.js·架构
代码搬运媛6 小时前
git 下中文文件名乱码问题解决
前端
CaffeinePro6 小时前
告别知识点零散!React零基础通关,从环境搭建到Ant Design页面实战
前端·react.js
cidy_987 小时前
水龙头领不到测试币?手把手用 Hardhat 本地环境零门槛学以太坊交易
前端