Vue.js не рендерится, когда приходят новые данные

Question

У меня есть компонент, который является вложенным, и он отображается как новый компонент при изменении данных props.Проблема возникает, когда я получил данные из API и назначил их текущему элементу, а Vue.js не отображает новые компоненты, но в vuetools добавляются данные.

HTML:

<li>
        <div :class="{selected: item.selected}">
            <a class="nav" :class="{'expanded': item.expanded, 'leaf': item.leaf}" @click="toggleExpanded(item)"></a>
            <a class="check" @click="toggleCheck(item)" :class="setButtonClass(item)"></a>
            <a class="type" :class="[item.iconCls, item.hidden ? 'invisible' : '']"></a>
            <span>{{ $t(item.text) }}</span>
        </div>
        {{item.expanded}}
        <ul v-bind:class="{'expanded': item.expanded}">
            <restore-file-picker-item
                    v-for="(child) in item.children"
                    :item="child"
                    :backupID="backupID"
                    :restoreBackupTime="restoreBackupTime"
            ></restore-file-picker-item>
        </ul>
    </li>