vue组件/页面间通信(vue eventbus)

首先,在main.js里面全局注册一个eventbus的方法。

Vue.prototype.$EventBus = new Vue()

分别在页面或组件中注册一个自定义事件和监听事件

 this.$EventBus.$emit(自定义事件名, 数据); 
 this.$EventBus.$emit("send","hello")
---------------------------------------
 this.$EventBus.$on("send",(val)=>{
    console.log(val)
    this.$EventBus.val = val
    // 使用EventBus代替this
 })

 

你可能感兴趣的:(vue)