$bus 全局事件总线(兄弟组件之间通信)--使用方式

//main.js $bus配置

new
Vue({
  // 注册路由
  // 注册路由信息:当这里有router的时候,路由组件都有$route,$router
  router,

  render: h => h(App),
  // 全局事件总线$bus配置
  beforeCreate() {
    Vue.prototype.$bus = this;
  },
  // 注册仓库
  store,
}).$mount('#app')

//使用
removeKeyword() {
      this.$bus.$emit("clearKeyword");
},
 mounted() {
    // 通过全局事件共享清除关键字
    this.$bus.$on("clearKeyword", () => {
      this.keyword = "";
    });
  },

免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情