vue项目中使用事件总线Event-BUS
1.创建单独的js文件
import Vue from 'vue'
const bus = function (Vue) {
const Bus = new Vue()
Vue.prototype.$bus = Bus
}
export default bus
2.main.js中全局引入
import vueBus from './vue-bus.js'
Vue.use(vueBus)
3.组件A抛出数据
<button @click="getData('数据')">获取数据</button>
methods:{
getDate(data){
this.$bus.$emit('myEvent',data)
}
}
4.组件B接收数据
mounted(){
this.$bus.$on('myEvent',(data)=>{
console.log(data)
})
}