vue2 全局事件监听

Vue 2 中全局事件监听通常是在 Vue 实例创建之前或者使用 `beforeCreate` 或 `created` 生命周期钩子函数中设置的，这样可以确保在整个应用中都能接收到这些事件。你可以通过 `vue.$on` 方法来注册一个全局事件，然后通过 `vue.$emit` 来触发这个事件。

例如：

// 在 main.js 或者 setup 函数中
import { createApp } from 'vue';
const app = createApp(App);

app.config.globalProperties.$on('customEvent', (data) => {
  // 这里处理接收到的 customEvent 事件
  console.log(`Received data: ${data}`);
});

app.mount('#app');

// 在组件内部，可以触发这个全局事件
export default {
  methods: {
    emitCustomEvent(data) {
      this.$emit('customEvent', data);
    }
  }
};

当你需要在所有组件中监听某个特定的全局事件时，这种方式非常有效。然而，要注意全局事件可能会导致事件风暴，所以应该谨慎地设计和管理它们。