组件给App全局传值vue-bus的使用

npm安装

npm install vue-bus

 

main.js引入

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

  组件

getHouse(e){
				this.$bus.emit("bload",e); 
			}

  app

mounted(){  
      //通过on监听事件,回调方法获取数据       
     this.$bus.on("bload",value=>{ 
   	console.log(value)    	 
      }); 
  
   } , 

  也可以用于兄弟组件传值,如果数据较多,可以使用vuex管理

posted @ 2018-10-17 13:15  麦麦芽  阅读(1983)  评论(0编辑  收藏  举报