Vue中同级组件使用bus传值如何优雅地完成？

Question

vue-cli搭建的SPA项目，想在两个页面之间传值，决定使用BUS（由于项目不大，感觉没必要用vuex）。
发送页面：
（一个点击事件中）

接收页面：

测试的结果是首次点发送跳转到接受页面没有收到消息，后面再点就正常了...
由于在同一个页面中发送接收就一切正常，所以怀疑$on函数需要先初始化一下，然后在App.vue中初始化了接收组件：

接下来就正常了...
但是这么处理也太丑陋了，有多个状态要传递的话不堪设想...有没更优雅的处理方式呢？

Answer 1

因为在你的代码中，你把$on放在mounted中绑定的，如果不让这个组件开始生命周期，那么$on就绑定不上，自然就会这样了。