全局时间总线,兄弟间传递信息

2022/8/28 23:23:39

本文主要是介绍全局时间总线,兄弟间传递信息,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

在 入口文件 main中引入bus


new Vue({
  render: h => h(App),
  //注册路由
  router,
  //注册store
  store,
  //配置全局总线
  beforeCreate() {
    Vue.prototype.$bus = this
  },
}).$mount('#app')

在需要调用传递的函数中 声明要调用的 bus名称

methods:{
    removeKeyWord(){
      this.searchParams.keyword = undefined;
      this.goData();
      this.$bus.$emit("clear")
    }
}

在接受信息的地方配置调用函数

  mounted() {
    this.$bus.$on("clear",()=>{
        this.keyword=''
      }
    )
  },


这篇关于全局时间总线,兄弟间传递信息的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程