解决方法 - nuxt2框架如何使用vue的事件总线？

Question

nuxt2框架如何使用vue的事件总线哦，为啥我拿不到this.$bus.$emit哦，
求救求救

不管是在created还是在mounted生命周期，都拿不到

Answer 1

$bus 得你手动注入吧

Answer 2

在 Vue 2 和 Nuxt 2 中，你可以使用 Vue 的事件总线（Event Bus）来在不同的组件之间进行通信。以下是如何在 Nuxt 2 中使用 Vue 的事件总线的步骤：

首先，你需要在你的 store 目录中创建一个新的文件，比如 event-bus.js，并引入 Vue：

import Vue from 'vue'

然后，你需要创建一个新的 Vue 实例，并将其挂载到 window 上，这样所有的 Vue 组件都可以访问到它：

window.bus = new Vue()

现在，你可以在任何组件中使用这个事件总线了。以下是如何在 mounted 生命周期钩子中发射一个事件：

export default {  mounted() {    this.$bus.$emit('my-event', 'Hello, world!')  }}

在其他组件中，你可以使用 $bus.$on 方法来监听这个事件：

export default {  created() {    this.$bus.$on('my-event', (data) => {      console.log(data) // 输出 "Hello, world!"    })  }}

你提到的 this.$bus.$emit 无法获取的问题可能是因为你在组件的 created 或 mounted 生命周期钩子中没有正确地引用 this.$bus。请确保你在组件的实例上使用 this.$bus，而不是在组件的选项对象上。如果你仍然遇到问题，请检查你的代码，确保你没有在其他地方覆盖了 this.$bus。