vue中使用Bus
Posted huanhuan55
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue中使用Bus相关的知识，希望对你有一定的参考价值。
//安装： npm install vue-bus
1. // app.js
var eventBus =
install(Vue,options)
Vue.prototype.$bus = new Vue()
;
Vue.use(eventBus);
2.然后在组件中，可以使用$emit， $on， $off 分别来分发、监听、取消监听事件：
methods:
todo: function ()
this.$bus.$emit(‘todoSth‘, params); //params是传递的参数
//...
3.监听的组件：
// ...
created()
this.$bus.$on(‘todoSth‘, function(params) //获取传递的参数并进行操作
//todo something
)
,
// 最好在组件销毁前
// 清除事件监听
beforeDestroy ()
this.$bus.$off(‘todoSth‘);
以上是关于vue中使用Bus的主要内容，如果未能解决你的问题，请参考以下文章
vue中eventbus被多次触发（vue中使用eventbus踩过的坑）bus.$on事件被多次绑定