事件总线$emit的别名

Question

我想为常用的事件总线方法创建别名$emit、$on等...

以便我可以像这样引用事件总线对象：EventBus.publish(...)

我试过了：

import Vue from 'vue'
const EventBus = new Vue()
export const publish = EventBus.$emit
export const subscribe = EventBus.$on

然后：

import * as EventBus from '@/utils/eventBus.js'

但是我得到$emit不是一个函数

我做错了什么？

谢谢

Answer 1

确保绑定到对象，否则该方法将不起作用：

import Vue from 'vue'
const EventBus = new Vue()
export const publish = EventBus.$emit.bind(EventBus)
export const subscribe = EventBus.$on.bind(EventBus)
export const unsubscribe = EventBus.$off.bind(EventBus)

或更明确地说：

export function publish(name, ...args) {
EventBus.$emit(name, ...args)
}
export function subscribe(name, fn) {
EventBus.$on(name, fn)
}
export function unsubscribe(name, fn) {
EventBus.$off(name, fn)
}

你像这样导入它：

import * as EventBus from './eventBus.js'
EventBus.subscribe('event', handler)