javascript - 在不相关的组件之间共享数据

Question

我正在尝试设置一个 vue 事件总线来在我的组件之间发送事件，我在我的app.js文件中有这个，Vue.prototype.$eventBus = new Vue();然后在一个组件中我有这个

this.$eventBus.$emit('pnc-person', remarkString);

在不同的组件中，在安装的方法中，我有这个，

this.$eventBus.$on('pnc-person', (data) => {
  console.log(data);
});

该事件已成功发出，我可以在 vue 开发工具中看到，但它没有被第二个组件捕获，我正在使用 vue 路由器，所以我不确定这是否会影响它。

我尝试过使用两者this.$route.$on，this.$eventBus.$on但似乎都没有记录任何内容

Answer 1

当您的发射组件发送其事件时，您的侦听组件可能尚未构建。

您是否尝试将this.$eventBus.$on零件放入created而不是放入mounted？