Как вызвать функцию из разных компонентов vue?

Question

[PHVNTOW]

Мне нужно вызвать функцию из компонента в папке pages, а сам компонент лежит в папке components.
Вопрос, как мне из разных компонентов и из разных папок вызвать функцию?
Пробовал $emit, но он походу работает только с соседними компонентами.

P.S. я не могу менять структуру приложения.

Comments

[no_one_safe]

Вынести функционал в store?

[WapSter]

Если это какая-то простая функция и не несёт в себе данных состояния, то ее можно экспортировать и импортировать как и в обычном js

Answer 1

[Антон Антон]

Если не хочется выносить в стор и при этом это что-то типа подсвечивания корзины после добавления в неё товара или открытия диалога с менеджером во всплывашке, которая на самом деле в лэйауте на отдельной кнопке, то можно использовать https://github.com/developit/mitt или https://github.com/scottcorgan/tiny-emitter,

Answer 2

[Николай]

На самом деле, emit можно и выше прокидывать, однако, в каждом компоненте тебе придется использовать его
Если есть стор, то можно воспользоваться им, но хранить функции в сторе - это не очень, он для другого был придуман

Попробуй паттерн Шины сообщений (Event.Bus) - в одном месте ты подписываешься на тот же самый эмит, а в другом ты вызываешь его, не важно, какая вложенность будет, у тебя напрямую будут ходить эмиты

Можно реализовать плагин, который будет хранить в себе все подписки , тем самым ты сделаешь глобальную шину
https://v3.ru.vuejs.org/ru/guide/migration/events-...