前端开发工程师的救星：vue全局事件总线解决父子组件通信难题

嘿，大家好，我是一名前端开发工程师，现在要和你们分享一下我和vue全局事件总线的亲密接触。话说有一天，我正在为一个复杂的项目编写代码，突然遇到了一个难题——父组件和子组件之间的通信问题。这可把我急坏了！于是，我决定找一个靠谱的解决方案。

第一点：发现vue全局事件总线的魅力

就在我快要放弃时，我的好朋友告诉我，“小伙子，你可知道vue全局事件总线？”“什么？这是什么鬼东西？”我好奇地问道。他解释说，vue全局事件总线是vue.js提供的一个用于组件之间通信的机制，可以让你在任何地方、任何时间发布和接收事件。这简直太适合我的需求了！于是，我迫不及待地去尝试了一下。

第二点：使用vue全局事件总线解决通信问题

首先，我在项目中引入了vue全局事件总线：

javascript
// main.js
import Vue from 'vue'
Vue.prototype.$bus = new Vue()

然后，在父组件中发布一个事件：

javascript
// Parent.vue
methods:{
  handleClick(){
    this.$bus.$emit('event-name', data)//发布事件

最后，在子组件中接收这个事件：

javascript
// Child.vue
created(){
  this.$bus.$on('event-name',(data)=>{//接收事件
    console.log(data)

telegeram官方app：https://zhonglianxinxiwang.com/wangyoux/17887.html