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)
})
相关推荐
柒和远方1 分钟前
后端认证、鉴权、高并发:从 Session 到 JWT 再到 Redis
前端·后端·面试
piglet121381 分钟前
把搜索调到 Claude.ai 的水准
前端·人工智能
前端Hardy8 分钟前
前端圈沸腾!这个动画库月下载超 3000 万次,已经快成行业标准了
前端
文阿花20 分钟前
Echarts实现自动旋转柱状3D扇形图
前端·3d·echarts
sp4221 分钟前
使用 Vite 与 NativeScript
前端
前端Hardy27 分钟前
GitHub 爆火!Three.js + React + ECharts 打造最强数据大屏
前端·javascript
如果超人不会飞28 分钟前
TinyRobot AI 对话组件库全组件使用指南
前端·vue.js
lichenyang45330 分钟前
ArkTS 资源与暗色模式:为什么我手机切暗色,App 内容区却不变
前端
老王以为1 小时前
Claude Code 的产品哲学:当价值观成为架构
前端·claude·vibecoding
程序员黑豆1 小时前
AI全栈开发 - Java:变量
java·前端·ai编程