兄弟组件bus传值

第一步 main.js  把bus加到vue的原型上

Vue.prototype.bus = new Vue() 

  第二部 在组件Aa 发送数据

destroyed(){
     this.bus.$emit('send',this.a)
}

  第三步 在组件Bb接收数据并且销毁数据

created(){
          this.bus.$on('send',(val)=> {
            this.msg=val;
          })
      }

	destroyed() {
            //组件销毁前尽量关闭bus
            this.bus.$off('goCartMsg')
        },

  

使用方法先打开Aa组件,再打开Bb组件才能传值

个人感觉还不如路由传值

原文地址:https://www.cnblogs.com/daifuchao/p/11836481.html