Skip to content

兄弟组件通信 - mitt插件

1、安装插件

npm i mitt

2、创建文件

src 目录下新建一个plugin目录,然后新建一个Bus.js的文件

javascript
import mitt from 'mitt'
const mitter = mitt()
export default mitter

3、接收者给自身绑定一个事件

JavaScript
// 引入文件
import Bus from "../plugin/Bus"

onMounted(()=>{
    Bus.on('updataDisplay',(v)=>{
        rData.unshift(v)
    })
})

4、发送者去触发接收者绑定在自身的那个事件

JavaScript
// 引入文件
import Bus from "../plugin/Bus"

Bus.emit('updataDisplay',inpData.value)