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