javascript - 无效的 prop : type check failed for prop "data". 预期数组，得到对象

Question

我是 vuejs 新手，正在尝试使用 buefy 库。

错误:

Invalid prop: type check failed for prop "data". Expected Array, got Object

<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"}]

我错过了什么？谢谢:)

Answer 1

数据属性的声明应如下所示:

 data: []

更新的代码:

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