Vue.js专区Vue.js

VUE广播系统

2018-04-09  本文已影响9人  吴孝青
在最上层的组件中,用一个数据放个新的VUE对象
new Vue({
  el: '#app',
  data:{
    eventHub: new Vue()
  },
  render: h => h(App)
})

在组件中 发布广播

this.$root.eventHub.$emit('closemenu',page);

在组件中接收广播

this.$root.eventHub.$on('closemenu', (page) => {
  //this.open=false;
});

这样,两个组件不是父子关系也可以传递信息了。

上一篇 下一篇

猜你喜欢

热点阅读