Как правильно во vue js подтягивать данные с сервера?

Question

[Илья Кочкин]

Добрый день, подскажите пожалуйста, к примеру у меня есть компонент оформления заказа, в нем есть другие компоненты такие как customer(информация о заказчике), shippingMethods(способы доставки), paymentMethods(способы оплаты), как с точки зрения "архитектуры"(не знаю как правильно назвать) правильно подтягивать данные с сервера? тянуть все данные при mounted основного компонента чекаут и дальше передавать их в пропсы дочерних компонентов или в каждом "дочернем" компоненте только те данные за которые нужны именно ему.

И еще вопрос, после того как клиент нажал оформить заказ то как отправить данные на сервер, нужно ведь как то данные собрать в кучу? и скопом отправить, получается что через $emits передать все данные в родительский компонент чекаут? и там отправку делать?

Answer 1

[no_one_safe]

Для таких сложных компонентов лучше использовать store
vuex

Comments

[Илья Кочкин]

А если все таки без vuex?

[no_one_safe]

Илья Кочкин, Дело вкуса. Я бы, для меньшей нагрузки на сервер, получал бы данные в одном корневом компоненте и спускал бы вниз другим.
А отправку данных можно и частями сделать, если это позволяет api.

[Илья Кочкин]

no_one_safe, Пришлось так и делать, так как модули оплаты зависят от адреса доставки которая хранится в сессии - а сессия блокируется при "ajax" запросах (бек на php)