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

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 中？