VUE 全局监听事件 eventHub，跨页面传递信息，可用于刷新其它页面

main.js  引用

1
Vue.prototype.$eventHub = Vue.prototype.$eventHub || new Vue();

page.vue  监听事件

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  mounted() {

    this.query.invalidFlag = 0;

    this.display();

    this.$eventHub.$on('eventName', this.display);

  },

  beforeDestroy() {

    this.$eventHub.$off('eventName');

  },

action.vue  触发事件

1
this.$eventHub.$emit('eventName', '');
编辑文章✏