VUE 全局监听事件 eventHub,跨页面传递信息 笔记

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

关尔先生2021-05-20 12:10:28

main.js  引用
Vue.prototype.$eventHub = Vue.prototype.$eventHub || new Vue();

page.vue  监听事件
  mounted() {
    this.query.invalidFlag = 0;
    this.display();
    this.$eventHub.$on('eventName'this.display);
  },

  beforeDestroy() {
    this.$eventHub.$off('eventName');
  },

action.vue  触发事件
 this.$eventHub.$emit('eventName''');

---END---

VUE全局监听事件eventHub跨页面传递信息

上一篇:[ leetcode ] [ 3 ] 无重复字符的最长子串

下一篇:无,返回列表

本文链接: http://www.nanshanqiao.com/zz_article/81.html

暂无评论