Как запустить метод одного компонента из другого компонента?

Question

[dark_king_13]

У меня есть 2 компонента, в одном находится фильтр, в другом запрос на сервер по фильтру.
Мне нужно, чтобы по нажатию кнопки на панели фильтрации запускалась функция поиска в другом компоненте
Я пробовал применить eventEmitter для передачи данных. Он отлично работает в других компонентах, но тут что-то идёт не так. Вот код:

В компоненте ProjectList я пробовал помещать eventEmitter и в created и в mounted, ничего не работает
В текущих обстоятельствах мне приходится после выбора фильтра переходить на другую страницу и потом возвращаться, чтобы получить данные по новому вопросу

Answer 1

[Alex]

Вообще, если следовать принципам проэктирования Vue, то состояние фильтра стоит положить в отдельный Vuex модуль. И тогда можно декларативно получать доступ к его состоянию в других компонентах..

Comments

[dark_king_13]

так у меня state и хранится во Vuex, меняется значение в компоненте Menu, и мне нужно, чтобы при изменении значения во Vuex, то бишь по нажатию на кнопку в Menu, в ProjectList запускалась функция запросом к серверу. Вот как это сделать?

[Alex]

В ProjectList настроить наблюдатель за данными на основе которых делается поиск.

Или использовать https://github.com/foxbenjaminfox/vue-async-computed

[dark_king_13]

Alex, Спасибо, разобрался, теперь всё работает