vue-m-ts-bus

vue-m-ts-bus is a vue-typescript-bus plugin that supports typescript

keywords

vue-m-ts-bus vue-typescript-bus minigui-vue-ts-bus

License

MIT License

Install

npm i -S vue-m-ts-bus

Usage

#main.ts

import Vue from 'vue';
import tsBus from 'vue-m-ts-bus';

Vue.use(tsBus);
var bus = new tsBus.Bus();

new Vue({
  bus,
  render: (h) => h(App),
}).$mount('#app');

$on(action: string, fn: any): any

  #*.vue

  var eventId = this.$bus.$on('event_name', function (params: any) {
    // params is the parameter passed in by $emit
    // do something...
  })

$emit(action: string, params?: any): any

  #*.vue
  // params can pass in any form of value, including Array, Object, String, Number, null, undefined or even array expansion items.or example,

  var eventResult = this.$bus.$emit('event_name', params)

  1. var result = this.$bus.$emit('event_name', [1,2,3])
  2. var result = this.$bus.$emit('event_name', {})
  3. var result = this.$bus.$emit('event_name', 'string')
  4. let a = 1, b = 'test', c = [1, 2, 3], d = {a: 'test'}
     var result = this.$bus.$emit('event_name', a, b ,c, d)
  5. var result = this.$bus.$emit('event_name', null)
  6. var result = this.$bus.$emit('event_name')

$off(action: string, id: number): void

  #*.vue

  this.$bus.$off('event_name', eventId)// To unbind event binding, eventId is the return value of this.$bus.$on

$subscribed(action: string): boolean

  #*.vue

  let result = this.$bus.$subscribed('event_name')
  if (result) {
    // do something...
  }