vue-eventbus

2020-01-20  本文已影响0人  王三皮儿
eventbus就是事件总线,用来处理组件传值的一种方式,用法如下:
//1.创建一个bus.js,负责return一个vue实例
import Vue from 'Vue'
export default new Vue

//2.在组件中引入模块,并发布订阅消息
import Bus from 'xxxx/bus'
Bus.$emit('aa',data)

//3.在组件中引入模块,并接受订阅消息
import Bus from 'xxxx/bus'
Bus.$on('aa',target => {
  console.log(target)
})

//4.在组件销毁时一定要清除监听
beforeDestroy(){
  bus.$off('aa')
}
上一篇下一篇

猜你喜欢

热点阅读