Как принято собирать единый объект из взаимосвязанных данных, пришедших из разных источников (через axios)?
Ситуация такая:
1. В Vue строится таблица.
2. Данные для которой получаются через axios.get() с нескольких uri
3. Причем, данные - взаимосвязанные, т.е. грубо говоря: с одного ури приходит массив объектов, а с другого - массив с ключами для выборки по этим объектам.
4. Соответственно, если данные не пришли в одном месте - в другом может приключиться undefined
Поскольку axios асинхронный, то я обычно в подобных случаях помещал зависимые функции в блок then() - и это работало.
Но когда этих зависимостей много - голова начинает идти кругом :)
Скажите, есть ли какой-то годный паттерн для таких случаев?
Т.е. как, например, дождаться чтобы сначала загрузились все 4 (скажем) источника данных с разными uri через axios, а уже потом, в случае успешной загрузки, выполнять с ними какие-то действия?