vue-m-ts-bus v1.0.2

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
```bash
  #*.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... }