vue3.x使用mitt插件实现非父子组件之间的传值

vue3.x使用mitt插件实现非父子组件传值

mitt地址

使用mitt之前先安装mitt模块

npm install --save mitt

新建model/event.js

• 将插件封装成模块，采用模块化思想

import mitt from 'mitt'
const emitter = mitt();
export default emitter;

使用

• 首先引入模块，然后监听：

import emitter from '../model/event'
...
emitter.on('foo', e => console.log('foo', e) )

• 广播事件，注意统一名称：

import emitter from '../model/event'
...
emitter.emit('foo', { a: 'b' })