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')
}