Как правильно запрашивать данные для компонентов vue.js?

Question

[Дима Паутов]

Добрый день. Решил попрактиковаться и сделать для себя, для демки, интернет магазин. Разбивая всё на компоненты, задумал о таком. А как правильно запрашивать в будущем данные для каждого компонента?

Что я имею ввиду, например:
Есть у меня вот такая вот страница

Страница

Есть на ней верхнее меню, меню каталога, меню в подвале, слайдер с товарами, блоки с телефоном, контактами и т.п. Для каждого компонента нужно эти данные запрашивать, пришёл json разложил его и все довольны. Но на сервере, ведь нужно для каждого компонента написать api, грубо говоря.

Вот и сама суть вопроса, как правильно готовить данные? Для каждого чиха и пука нужно писать api? Что бы в итоге, в каждом компоненте написать так(супер абстрактный пример):

data(){
  return {
    topMenu : ''
  }
},

created(){

  axios
    .get('/myAPI/header-menu/')
    .then((response) => {
      this.topMenu = response.body;
    });

}

Как обычно делаются подобные вещи? Или может есть статьи, где освящаются такие вещи или видосы

Answer 1

[Ilya]

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

Comments

[Дима Паутов]

Т.е. это да, но по сути, ты в точку попал. Значит нужно целиком для каждой страницы запрашивать один большой json? Страницы - это отдельные компоненты, и при открытии страницы я буду получать по текущему url данные от сервера, но для текущей страницы, а уже из неё буду раздавать данные вложенным компонентам и например, есть header и footer, которые лежат не в страницах, а в layout, то как тут быть? В header и footer есть вложенные компоненты, как у них тогда запрашивать?

[Ilya]

используй Vuex и из стора прокидывай в футер и хедер

[Дима Паутов]

Ilya, т.е сначала в стор, а потом из него в шапку и подвал?

[Ilya]

Да, вы сможете из любого компонента к стору обратиться)

[Дима Паутов]

Ilya, а не будет проблемой, что данные для некоторых компонентов не будут обновляться, но при заходе на новую страницу, я буду вынужден запросить данные и снова занести в стор, хотя половина из них не изменилась?