支持typescript的 Vue Event Bus插件Vue-bus-ts

vue-bus-ts typescript

题主从js 转ts 遇到的各种状况之一，全局属性无法识别。研究了一段时间，得到了解决。接下来我会举个?来为有需要的同学解释如何使用 vue-bus-ts 作为我们vue typescript项目的Event bus解决方案。

如果同学们想了解如何在vue typescript定义全局的属性的话，我会再写一篇，为同学们讲一下。

如有不解的地方，请谅解，写博客不多，分享给有需要的同学

gtthub, 如果有问题请指导

安装

npm i -S vue-bus-ts

使用方法

#main.ts

import Vue from 'vue';
import EventBus from 'vue-bus-ts';

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

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

#*.vue 

var eventId = this.$bus.$on('event_name', 'callback_function') // return this event id

var eventResult = this.$bus.$emit('event_name') // return this result from this event

this.$bus.$on('event_name', 'callback_function') // return to unbind event binding