1.bus.js
import Vue from ‘vue’
export default new Vue;
1.兄弟组件a
<button @click=“bus”>按钮
import Bus from ‘./bus.js’
export default {
data() {
return {
message: ‘’"
}
},
methods: {
bus () {
Bus.$emit(‘msg’, ‘我要传给兄弟组件们,你收到没有’)
}
}
}
3.兄弟组件b
{{message}}
import Bus from ‘./bus.js’
export default {
data() {
return {
message: ‘’
}
},
mounted(){
let self = this;
Bus.$on(‘msg’, (e) => {
console,log(e)
this.message = e
})
}
}