vue中$bus.$emit和$bus.$on的用法温故

本文主要是介绍vue中$bus.$emit和$bus.$on的用法温故，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

$bus. $emit、 $bus. $on 用于非父子组件之间通信

1、在main.js中注册

Vue.prototype.$bus = new Vue();new Vue({render: h => h(App),router,store
}).$mount('#app')

2、在需要发送信息的组件中，发送事件

this.$bus.$emit("method",params)； //method事件名，params传递的参数

3、在需要接收信息的组件中，接收参数

this.$bus.$on("method",(params)=>{console.log('监听的method事件的参数值为：',params);//处理传递过来的参数})；

可以与https://blog.csdn.net/leijie0322/article/details/128210817对比的看。

这篇关于vue中$bus.$emit和$bus.$on的用法温故的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---