技术栈

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

小兔崽子去哪了2025-11-21 9:31

事件总线 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)
})
上一篇:[特殊字符] Selenium 实战教程:等待与表单元素操作
下一篇:windows文件通过SSH复制到ubuntu目录下
相关推荐
小禾青青
2 小时前
我用uniapp开发app用到的uniapp插件
前端·vue.js·uni-app
柳一航
2 小时前
HTML笔记
前端·笔记·html
艾小码
3 小时前
为什么你的Vue组件总出bug?可能是少了这份测试指南
前端·vue.js·debug
IT_陈寒
3 小时前
Redis 性能提升30%的7个关键优化策略,90%开发者都忽略了第3点!
前端·人工智能·后端
辞忧*
3 小时前
基于element-Plus的el-tooltip封装公共虚拟引用组件
前端·vue.js
by__csdn
3 小时前
Electron入门:跨平台桌面开发指南
前端·javascript·vue.js·typescript·electron·html
Nan_Shu_614
6 小时前
学习:ES6(2)
前端·学习·es6
命运之光
10 小时前
【最新】ChromeDriver最新版本下载安装教程,ChromeDriver版本与Chrome不匹配问题
前端·chrome
热门推荐
01GitHub 镜像站点02今天 Cloudflare 全球事故,连 GPT 和你的网站都一起“掉线”了03UV安装并设置国内源04Google Antigravity:无法登录?早期错误、登录修复和用户反馈指南05BongoCat - 跨平台键盘猫动画工具06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07Linux下V2Ray安装配置指南08【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连09全球最强模型Grok4,国内已可免费使用!(附教程)10Labelme从安装到标注:零基础完整指南