vue里怎么使用event bus (vue里怎么使用事件总线),示例:
第一种方式:
//新建bus.vue
<script>
import Vue from 'vue'
export default new Vue({
name: 'bus',
data(){
return {}
}
})
</script>
//在vue文件里使用
import Bus from './bus.vue';
Bus.$emit("getTableTitle", this.tableTitle);
Bus.$on("getTableTitle", (msg) => {
console.log(msg)
});
第二种方式:
/*直接新建一个js文件,event-bus.js文件,内容如下*/
import Vue from 'vue'
export const EventBus = new Vue()
/*在vue文件里使用*/
import { EventBus } from './components/event-bus.js';
//注册事件在methods里
EventBus.$emit("gobackHandle", param);
//监听事件在mounted里
this.$nextTick(()=>{
EventBus.$on("gobackHandle", (data)=> {
console.log(data)
})
})