Laravel - Vue JS Sibling компонент связи

Question

Я НЕ могу обмениваться ч / б компонентами, используя технику EventBus с Vue

Vue.prototype.$eventBus = new Vue(); // Global event bus

const app = new Vue({
    el: '#dashboard',
    data() {
        return {
            dailyData: []
        }
    },
    components: {
        'latest-feedbacks': LatestFeedbacks,
        'feedbacks-overview': FeedbacksOverview,
    }
});

В LatestFeedbacks.vue

...
created() {
     this.$eventBus.$emit('feedbacksChanged');
},
...

В FeedbacksOverview.vue

...
created() {
     this.$eventBus.$on('feedbacksChanged', ()=>{
        // code
     });
},
...

Answer 1

Вы можете использовать экземпляр $root для доступа к компонентам за пределами вертикальной цепочки.

Как это:

created() {
     this.$root.$emit('feedbacksChanged');
}

created() {
     this.$root.$on('feedbacksChanged', ()=>{
        // code
     });
}