Какой наиболее правильный способ реализации комуникациии между компонентами Vue?

Question

[Alex]

Работаю над приложением на Electron.

В нем есть компонент с видео внутри. И отдельно есть компонент-кнопка которая открывает popup с настройками приложения.

Нужно в компоненте-видео как-то отслеживать открытие/закрытие popup-а с настройками и соответственно останавливать/возобновлять воспроизведение видео.

Компоненты не вложены друг в друга и не являются соседними.

Использовать какие-то нативные JS события? Или модуль vuex? Или как лучшие практики Vue советуют решать такие задачи?

Comments

[VegasChickiChicki]

Модуль Vuex? А чем сам Vuex не устроил? Открыт попап, в запись в стор: popupState: true, в чем проблема?

[Alex]

VegasChickiChicki, Собственно я то и имел в виду. Только вынести это в отдельный модуль. Мне этот подход кажется весьма избыточным. Создать модуль хранилища, в нем хранить состояние, а в компоненте отслеживать изменения... Чувствуется примерно как "пушкой по воробью". Неужели нет способа проще?

[origami1024]

Может пригодится
Как решить эту проблему?

Answer 1

[guruloz]

Vuex как раз и создан для того, чтобы создавать связи между несвязанными иерархически компонентами, либо в одной иерархии, но с большой разницей в уровнях вложенности. Короче, чтобы не городить костыли нужно использовать либо Vuex, либо, попроще - EventBus