无效的道具：道具“数据”的类型检查失败。预期数组，得到对象

Question

我是 vuejs 的新手并尝试使用 buefy 库。

错误 ：

无效的道具：道具“数据”的类型检查失败。预期数组，得到对象

<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>