Vue3 兄弟组件之间传值

前言

以前总是被面试题，今儿遇到了问题可以用这个来解决，就自己写了下，还蛮好使~

我遇到的问题是ant design+Vue3 右侧页面改变，但左侧菜单没有改变，所以想了这个方法。

1、安装

$ npm install --save vue3-eventbus

2、main.js 挂载

import eventBus from 'vue3-eventbus'
app.use(eventBus)

3、使用

第一个组件

import bus from 'vue3-eventbus'
export default {
    created() {
        bus.emit('changeSelectedKeys', '2002')
    }
}

另一个组件

import bus from 'vue3-eventbus'
bus.on('changeSelectedKeys',val=>{
  this.selectedKeys=[]
  this.selectedKeys.push(val);
})

参考链接

juejin.cn/post/689078…