阅读视图

发现新文章,点击刷新页面。

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

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

1. 安装 mitt

npm install mitt

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

import mitt from 'mitt'
export const bus = mitt()

3. 发送事件

import { bus } from '@/utils/bus'

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

4. 接收事件

import { bus } from '@/utils/bus'

bus.on('row-click', (row) => {
  console.log('收到点击数据:', row)
})
❌