美文网首页
vue-eventbus

vue-eventbus

作者: 王三皮儿 | 来源:发表于2020-01-20 11:42 被阅读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')
}

相关文章

  • vue-eventbus

    eventbus就是事件总线,用来处理组件传值的一种方式,用法如下:

  • Vue-EventBus心得

    Case 1: 1、新建event.js文件,初始化 2、在发送以及接收的组件中都引入此 event.js 3、发...

网友评论

      本文标题:vue-eventbus

      本文链接:https://www.haomeiwen.com/subject/hsljzctx.html