关于vue中使用事件车(Bus)方式实现兄弟组件通信时$on无法获取数据的问题

问题描述

• 使用使用一个事件车(总线)的方式实现兄弟组件之间的通信，在接收数据时，当前组件获取到的数据一直未null
• 首先考虑是不是没有执行这一步代码，随便打印一段信息，控制台正常输出
• 确认监听事件 $on 的周期确实在 mounted
• 尝试使用 this.$nextClick ，无效

原因

• 百度的时候发现：
  
  
• 感悟：$on 注册事件 $emit 触发事件，事件应该是先注册而后才能去触发
• 联想到自己需要通信的两个兄弟组件渲染的时候使用了 v-if，而 v-if 对应的是组件的销毁与创建，并非是像 v-show 一样，对应组件的隐藏与展示
• 所以，原因就很明显了：就是该组件$emit的时候与它通信的兄弟组件都还没有创建，而我又是在这个未创建的组件中 $on 注册事件的，所以就导致了要触发的事件还没有注册监听