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")

}

 
 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM