Self-detaching event listener

event-bus-listener.js

// The mixin
const EventBus = new Vue()
Vue.mixin({
	_EventBusDetachers: []
	methods: {
		attachEventBusListener(eventName, callback) {
			EventBus.$on(eventName, callback)
			const detach = () => {
				EventBus.$off(eventName, callback)
			}
			this.$options._EventBusDetachers.push(detach)
		},
	},
	beforeDestroy() {
		this.$options._EventBusDetachers.forEach(detach => detach())
	},
})


// Setting a listener
const detach = this.attachEventBusListener('some-event', data => {
	console.log(data)
})

// Emit from anywhere
EventBus.$emit('some-event', {
	works: true
})