vue-bus-ts typescript

題主從js 轉ts 遇到的各種狀況之一，全域性屬性無法識別。研究了一段時間，得到了解決。接下來我會舉個?來為有需要的同學解釋如何使用 vue-bus-ts 作為我們vue typescript專案的Event bus解決方案。

如果同學們想了解如何在vue typescript定義全域性的屬性的話，我會再寫一篇，為同學們講一下。

如有不解的地方，請諒解，寫部落格不多，分享給有需要的同學

安裝

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