Как передать переменную из Axios получить запрос к компоненту в vuejs?

Question

Я делаю axios, получаю запрос следующим образом:

index() {
   axios.get('/list/items').then(response => {
       this.items = response.data.items;
       this.stats = response.data.stats;
}

Если я делаю console.log(this.stats), я вижу правильные данные в виде массива.

Я хочу передать эти данные субкомпонентунапример:

<stats :stats-list="stats"></stats>
or

<stats v-bind:stats-list="stats"></stats>

В моем подкомпоненте я пытаюсь получить эти данные, например:

props: ['statsList'],
mounted() {
    console.log(this.statsList);
}

Я получаю здесь неопределенный.

Что я должен сделать, чтобы получить эти данныеиз родительского компонента?

Answer 1

Попробуйте это -

v-если

<stats :stats-list="stats" v-if="statsList"></stats>

Дайте мне знать, если это работает!

Answer 2

вы должны передать начальное значение в stats, или использовать проверку правильности для установки значения по умолчанию для вычисляемых произведений.

props: ['rawStatsList'],
computed: {
  statsList(){ return this.rawStatsList? this.rawStatsList : []; }
}

использовать v-if будет скрывать блок до завершения аксиоса, но обратите внимание, что он выиграл 't появляется, если axios имеет ошибку