Всем привет!
Хочу найти решение, которое будет хорошим для большинства случаев. Идея такая:
Есть сайт на котором много страниц, для каждой страницы запрашиваются данные с сервера, эти данные передаются в компоненты.
При изменении данных в одном компоненте, могут поменяться данные и в других компонентах на этой странице - всё реактивное.
Вижу такие подходы хранения/изменения данных:
страница - родитель для всех компонентов
1. Vuex - создаем отдельный store для каждой страницы, в компонентах этой страницы подключаем данные через computed свойства, все изменения делаем через dispatch/commit.
2. Храним данные в компоненте страницы. Через provide/inject в компонентах подключаем данные и методы для изменения данных.
3. Храним данные в компоненте страницы. Передаём через props изменяем через $emit.
У кого какой опыт? С какими проблемами сталкивались? Что было удобней использовать?
Средний
Средний