Vue Event Proxy:让Vue.js支持全局事件

Vue Event Proxy:让Vue.js支持全局事件

JavaScript Vue.js相关

访问GitHub主页

共336Star

详细介绍

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