VUE中非父子组件如何把A组件中的msg传递到B组件

创建一个bus.js

content:

import Vue from 'vue'

export default new Vue()

A、B组件引入bus.js

import Bus from '../assets/js/bus.js'

A组件onVuex1 template:

组件A

B组件Toptip template:

B组件

A组件中methods 触发 emmit

methods:{

      //触发当前实例上的事件。附加参数都会传给监听器回调

      //vm.$emit( event, […args] )

      onVuex1(){

          Bus.$emit('onVuex1',this.msgs)

      }

  }

B组件中 mounted on接收

mounted(){

        //vm.$on( event, callback )

        Bus.$on('onVuex1',(msg)=>{

            this.message=msg;

            console.log(this.message);

        })

    }