Nomad Packaging Mechanism

    vue-add-event-listener

    1.1.0 • Public • Published

    vue-add-event-listener

    CircleCI

    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)

    Install

    npm i vue-add-event-listener

    DownloadsWeekly Downloads

    19

    Version

    1.1.0

    License

    MIT

    Unpacked Size

    7.11 kB

    Total Files

    8

    Last publish

    Collaborators

    • ryou103