Vuejs中同级组件之间的通信

使用$broadcast和$dispatch ，父组件和子组件之间的通信非常简单

我试图解决的问题是兄弟组件之间的通信。我目前所做的是在子组件上运行一个$dispatch，然后被父组件vm上的一个事件捕获，该事件又是同级组件的$broadcast。

IE（非功能性，简化示例）：

new Vue({
    components: { Brother, Sister },
    events: {
        'brother-to-sister-event': function(message) {
            this.$broadcast('message-to-sister', message);
        }
});
Brother
    this.$dispatch('brother-to-sister-event', message)
Sister
    events: {
        'message-to-sister': function(message) {
            alert('Message from Brother receiced!');
        }
    }

我只是觉得我在做很多关于我的数据如何在兄弟组件之间传递的乒乓球。我在文档中找不到一个处理此问题的好例子。上面的例子是我最好的解决方案

有人有一个很好的例子来说明如何以更有效的方式处理这件事吗？我的目标是，当我从哥哥那里拿到$broadcast或$dispatch时，姐姐会立即拿到。在这样做的过程中，我不必用中间事件来扰乱根vm。

所以解决方案应该是这样的：

new Vue({
    components: { Brother, Sister }
});
Brother
    this.$dispatch('brother-to-sister-event', message)
Sister
    events: {
        'brother-to-sister-event': function(message) {
            alert('Message from Brother receiced!');
        }
    }

但我没能让这样的东西发挥作用。