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
版权声明:本文为qq_24746645原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。