Vue 中Bus使用

使用:兄弟组件之间进行传值;


安装:npm install vue-bus


 

在main.js中引入vue-bus

 


 

 

import Vue from 'vue';
import VueBus from 'vue-bus';
 
Vue.use(VueBus);

 


在组件中使用:


 

A组件触发事件:

this.$bus.emit("parameterName",params);

 


 

B组件接收事件:

this.$bus.on("parameterName",function(value){

  console.log(value)
});
 

组件销毁时解除事件绑定:

destroyed:function(){

  this.$bus.off("parameterName")

}

 
 

 

posted @ 2019-07-27 22:37  孟祥玉  阅读(2786)  评论(0)    收藏  举报