Обмен данными между компонентами, как правильно?

Question

[Миша]

Проект такой: есть заметки, они поделены на теги, всё просто.
На странице структура такая:
App
->tags (интерфейс и данные тегов(весь список и выбранные))
->notes (компонент содержит заметки)

Проблема:
При создании новой заметки мне нужно сразу выдавать предопределёнными уже выбранные теги, а также выводить подсказки при введении тегов.
Откуда мне взять эту информацию(полный список тегов и список выбранных тегов)? У меня есть в голове 2 варианта и оба мне кажутся не верными. Вот они:
1) Из компонента notes послать запрос в app, оттуда в tags и обратно также напередавать нужные данные
2) В компоненте notes держать копию данных с компонента tags

Есть третий вариант - хранить в сторе, но это плохая практика, предыдущие две мне тоже кажутся плохими практиками. Как правильно сделать?

Comments

[WapSter]

Почему у тебя компонента несет в себе информацию по тэгам вообще? Если данные никак не относятся к визуальной части, компонент вообще ничего не должен знать о данных.

[Миша]

WapSter, как же не несёт? По этим данным показываются теги ведь

[WapSter]

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

Answer 1

[Алексей Ярков]

хранить в сторе, но это плохая практика

Это кто сказал? Для этого стор и придумывали.

Comments

[Миша]

Так сказали в группе Vuejs аргументировав это тем, что это бэд практис, что такой код не возможно тестировать и сложно поддерживать

[WbICHA]

Миша, эммм... Они сторами вообще не пользуются?
Нет, ну можно через контекст это сделать, но, грубо говоря, это будет вариация решения через глобальный стор.

[Кирилл Романов]

WbICHA, стор нужен для глобальных данных, логически не принадлежащих какому-то одному компоненту

[WbICHA]

Кирилл Романов, если бы данные относились только к одному компоненту, то и этого вопроса не было бы.