Недопустимая проп: проверка типа не удалась для проп "данных".Ожидаемый массив, получил объект

Question

Я новичок в vuejs и пытаюсь использовать библиотеку buefy.

Ошибка:

Invalid prop: проверка типа не удалась для пропа "data". Ожидаемый массив, получил объект

<template>
    <b-table :data="data" :columns="columns"></b-table>
</template>

<script>
    export default {
        data() {
            return {
                data: this.data,
                columns: [
                    {
                        field: 'name',
                        label: 'Name',
                    },
                ]
            }
        },
        mounted() {
            axios
            .get('/test')
            .then(
                response => (this.data = response)
            )
        }
    }

</script>

Содержание json:

[{"name":"test"}]

Что я пропустил? Thx:)

Answer 1

Понял!

<script>
    export default {
        data() {
            return {
                data: [],
                columns: [
                    {
                        field: 'name',
                        label: 'Name',
                    },
                ]
            }
        },
        mounted() {
            axios
            .get('/test')
            .then(
                response => (this.data = response.data)
            )
        }
    }

</script>

Спасибо:)

Answer 2

Объявление свойства данных должно быть следующим:

 data: []

Обновленный код:

<script>
export default {
    data() {
        return {
            data: [],
            columns: [
                {
                    field: 'name',
                    label: 'Name',
                },
            ]
        }
    },
    mounted() {
        axios
        .get('/test')
        .then(
            response => (this.data = response)
        )
    }
}
</script>