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

Logo

前往低代码交流专区

更多推荐