Лев Роскошин

Есть два пути:
1) vuex.
Берем vuex, в нем создаем дерево, где например объекты это еще один уровень дерева, а где массив это конечный элемент с чекбоксам. Создаем компонент который пропсом полуает дочернее дерево и путь к нему, он проверяет пришедший элемент если это массив рисуем элементы чекбоксы, если объект то рисуем компоненты из всех ветвей дерева, в который передаем уже из отдельные ветви. Также нужно не забыть передавать попутно условный путь по которому можно дойти до текущей ветки, это понадобится когда в vuex будете обращаться к значению привязаному к конкретному чекбоксу, и вот самое интересное что нам поможет lodash и его методы _.get(), _.set() с помощью них мы во время мутации состояния попадать по пути к нужному значению.

2) второй вариант то же самое только вместо вуекса бесконечные эмиты к родительскому компоненту хранящему значение

Я бы на вашем месте создал отдельную страницу загрузки, описал бы всю первичную загрузку данных при логине на этой странице бы. Отображал, тем временем какой нибудь спинер, когда все данные загрузил в стор просто сделал бы router.push. Я собственно так и поступаю на проектах где мне нужно использовать много данных которые я получаю с сервера. А вообще еще встречается такая проблема, что вы пытаетесь связать реактивно данные которые храняться в объекте которого еще нет , в таком случае мы встречаемся с проблемой реактивной связки в Vue и тут либо использовать костыль в виде Vue.set или же бить объект на переменные если его структура заведомо известно , или же определять ему дефотное значение. Надеюсь описал все подводные камни с которыми столкнетесь в этом направлении

ну если вы открыты для нового, я бы советовал вообще делать такие компоненты на Vue у них есть для стилей свойство scoped, но конечно все зависит от задачи. А вообще я думаю вам может это помочь https://medium.com/seek-blog/the-end-of-global-css...

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
  }));