vue3使用mitt实现组件通信

创建vue3项目

npm install -g @vue/cli

vue create myproject(项目名)

安装mitt

npm install --save mitt

全局绑定

在 main.js引入

    import mitt from 'mitt';

app.config.globalProperties.mittBus = mitt()

import mitt from "mitt"
const app = createApp(App);
//注意use要在mount之前
app.use(router).mount('#app')
// 全局绑定
app.config.globalProperties.mittBus = mitt()

使用    a.vue

使用    b.vue

点击 a.vue的按钮 b.vue 监听收到数据 ，！