vue-event-listener-decorator

Window or document event listener decorator for vue-class-component

Installation

npm i -S vue-event-listener-decorator

Usage

import Vue from 'vue';
import Component from 'vue-class-component';
import { VueEventListenerDecorator } from 'vue-event-listener-decorator';

@Component
export default class App extends Vue {
    @VueEventListenerDecorator(window, 'click')
	onClick() {}
}

is equivalent to

import Vue from 'vue'
import Component from 'vue-class-component'

@Component
export default class App extends Vue {
	onClick() {}

	mounted() {
	    window.addEventListener('click', this.onClick)
	}

	beforeDestroy() {
		window.removeEventListener('click', this.onClick)
	}
}