vue-add-event-listener
v1.1.0
Published
AddEventListener plugin for Vue
Downloads
94
Readme
vue-add-event-listener
A plugin call removeEventListener automatically when a VueInstance has been destroyed.
Getting Started
You can install vue-add-event-listener using npm or by downloading the minified build on GitHub.
npm install vue-add-event-listener
Then import the plugin in your application entry point (typically main.js if you used vue-cli to scaffold your project) and tell Vue to use it.
import Vue from 'vue'
import App from './App.vue'
import VueAddEventListener from 'vue-add-event-listener'
Vue.use(VueAddEventListener)
new Vue({
render: h => h(App)
}).$mount('#app')
In component, you can use this.$listen
instead of addEventListener
. You don't need to call removeEventListener
, when a instance has been destroyed.
export default {
mounted () {
this.$listen(window, 'resize', () => {
console.log('resized!')
})
},
}
Syntax
this.$listen(target, type, listener, options)
// ==> target.addEventLister(type, listener, options)