Cannot read properties of undefined (reading '$on') TypeError: Cannot read properties of undefined (reading '$on')

这个错误通常是因为你在使用Vue的事件总线时没有正确地创建它。根据引用中提供的解决方法，你需要在main.js中添加代码 `Vue.prototype.$bus = new Vue()` 来创建一个事件总线。如果你已经添加了这行代码，那么可能是因为你在使用事件总线之前没有正确地引入它。请确保你在使用事件总线之前已经正确地引入了它。

相关问题

Cannot read properties of undefined (reading '$router') TypeError: Cannot read properties of undefined (reading '$router')

这个错误发生在Vue.js应用中，当你尝试访问某个组件的 `$router` 对象，但该对象还未被初始化或未注入到组件的上下文中。这通常是由于以下原因导致的：

1. **未在组件内导入 `this.$router`**：如果你在一个非Vuex模块化的组件中，记得在模板或者setup()函数中导入 `this.$router`，如`import { $router } from '../router'`。

2. **生命周期阶段问题**：确保你在`mounted()`或其他适当阶段首次尝试访问`$router`。如果在`created()`中使用，可能会因为`mounted`之前`$router`还没有完全初始化。

3. **使用路由相关的指令前需要检查**：在使用`v-once`、`v-if`、`v-show`或自定义指令前，先检查`this.$router`是否已存在。

4. **路由守卫未正确设置**：某些页面可能在路由加载完成之后才进入，如果没有正确的设置全局路由守卫如`beforeEach`，可能导致`$router`在某些场景下为`undefined`。

修复这个问题的方法是找出代码中尝试访问`$router`的具体位置，并确认在那个时间点`$router`已经初始化。如果是在组件内部，确保正确地导入了并且在适当的时候引用它。

TypeError: Cannot read properties of undefined reading '$emit

错误信息 "TypeError: Cannot read properties of undefined reading '$emit'" 是 Vue.js 中常见的一个类型错误。当你尝试在一个未定义或null的对象上调用 `$emit` 方法时，就会抛出这个异常。

`$emit` 是 Vue 实例的一个方法，用于触发自定义事件（Vue组件之间的通信）。在这个错误中，可能是以下几个情况导致的：

1. **变量未初始化**: 可能你在试图从一个没有被正确初始化或者还没有赋值给 `$emit` 的属性上触发事件。确保在使用之前已经正确地设置了组件实例的 `this.$emit()`。

2. **对象不存在**: 如果在某个生命周期钩子或方法中，该组件实例尚未创建或者已被销毁，那么调用其 `$emit` 就会找不到目标。

3. **拼写或语法错误**: 确保你提供的事件名称是正确的，并且没有遗漏括号或引号。

4. **动态绑定**: 当你在动态生成的元素上使用 `$emit` 时，可能因为数据更新延迟而引发这个问题。确保数据和模板之间关联正确，更新及时。

为了解决此问题，你需要检查代码中的相应位置，找出问题所在，然后修复它。通常这涉及到检查相关的变量、条件语句以及是否在正确的时间点使用了 `$emit`。如果是在动态绑定的情况下，确保已正确处理异步更新。