Vuex: распространять ответ на родственные компоненты

#vue.js #axios #vue-component #vuex

#vue.js #axios #vue-компонент #vuex

Вопрос:

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

Должен ли я хранить ответ в общем состоянии на уровне приложения? Кроме того, тогда как мне распространить ответ на эти 3 родственных компонента, используя Vuex?

Ответ №1:

если это важные данные, то вы можете запросить их в nuxtServerInit действии Vuex и сохранить их в состоянии vuex с помощью commit . Подробнее

Таким образом, ваше приложение получит информацию один раз при рендеринге на сервере и может быть использовано с любой страницы или компонента, использующего vuex getters .