/vue-event-proxy

Let Vue.js support global events

Primary LanguageJavaScript

Vue Event Proxy

npm

Introduction

The Library that let Vue.js support global events, just 1.79kb after compression.

  1. Global events are implemented by adding a prefix
  2. Registered event will be removed when component is destroyed

Demo: CodeSandbox

install

$ npm install --save vue-event-proxy

Usage

Just add global: prefix to first argument of methods: $on, $emit, $once

import EventProxy from 'vue-event-proxy';
Vue.use(EventProxy);

this.$on('global:EVENT_NAME');
this.$once('global:EVENT_NAME');
this.$emit('global:EVENT_NAME');

More see: https://cn.vuejs.org/v2/api/#vm-on