0
点赞
收藏
分享

微信扫一扫

兄弟组件通信(vue-bus)(vue)

以前干嘛去了 2022-01-13 阅读 68
// 全局注册:
import VueBus from 'vue-bus'; 
Vue.use(VueBus);

// 兄页面可被弟页面触发的方法在created注册
// 注意:监听事件要尽早监听越好,所以一般放在created这个周期函数里面。
created() {
    this.$bus.on('refresh-list', () => {
      this.refreshList()
    })
},

// 离开当前页时记得销毁,或者取一个独一无二的名字,以便忘记销毁导致其他组件取名重复

beforeDestroy() {  
    this.$bus.off('refresh-list', this.refreshList);
},

// 弟页面使用(在需要的地方直接调用即可)
this.$bus.emit('refresh-list')
举报

相关推荐

0 条评论