Почему не передаются данные в компонент?

Question

[Sport-code]

Всем привет!

Может кто подсказать, пожалуйста?
Не пойму данные получаю с сервера, проверял все нормально
вставляю их в компонент app-analytics-chart получаю undefined почему-то?

<template>
<div>
    <h1>Аналитика по заказам</h1>
    <app-analytics-chart 
        title="месяц" 
        :labels="months" 
        :data="analytics.countOrdersByMonth" />

</div>
</template>

<script>
import AppAnalyticsChart from '@/components/pages/admin/AnalyticsChart'
import moment from 'moment'

export default {
    components: {
        AppAnalyticsChart
    },
    data: () => ({
        analytics: [],
    }),    

    mounted() {
        this.loadOrders()
    },

    methods: {
        async loadOrders() {
            try {
                const res = (await this.$http.get('/analytics')).data
                this.analytics = res
                // console.log(res);

            } catch (error) {

            }
        }
    }    
}
</script>

в компоненте получаю analytics.countOrdersByMonth = undefined

Answer 1

[0xD34F]

А может не надо рендерить компонент, пока данные не пришли? Тогда и undefined передаваться не будет.

<app-analytics-chart v-if="analytics.countOrdersByMonth"

Comments

[Sport-code]

Спасибо, уже понял )