美文网首页
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

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