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

阅读 68

2022-01-13

// 全局注册:
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)

0 0 举报