Вложенный роутинг vue, жизненый цикл и загрука данных

У меня такой вопрос к экспертам: Используется вложенный роутинг - например:

{
      path: 'root',
      component: Root,
      children: [
        {
          path: 'child',
          component: Child,
          children: [
            {
              path: 'child-child',
              component: ChildChild
            }
          ]
        }
      ]
    }

на каждом уровне в mounted происходит обращение к апи за данными, причем каждый компонент нижнего уровня зависит от данных своего родителя. Казалось бы все гуд, но вот незадача - mounted происходит снизу в верх. Т.е на момент mounted самого нижнего по вложенности компонента, данных которые должны были ему придти от его родителя еще нет.... Как с этим можно справиться?


Ответы (1 шт):

Автор решения: Александр Рогонов

В независимости от того, как монтируются вложенные маршруты, данные с API не приходят синхронно, либо не рендерите потомков пока нет данных, либо складывайте данные в Vuex, в дочерних компонентах делайте watch на эти переменные и как они поменяются рендерите в потомках результаты.

Второй вариант мне кажется более правильным. Я бы сделал именно так.

→ Ссылка