Vue.js 如何将阵列传递给Vue组件？

我试图将数组传递给Vue组件以构建表，但收到一个错误，表示我传递的是字符串而不是数组

组成部分：

<template>
    <div>
        <table>
            <thead>
                <tr>
                    <th v-for="(column, index) in columns" :key="index"> {{column}}</th>
                </tr>
            </thead>
            <tbody>
                <tr v-for="(item, index) in items" :key="index">
                    <td v-for="(column, indexColumn) in columns" :key="indexColumn">{{item[column]}}</td>
                </tr>
            </tbody>
        </table>
    </div>
</template>

<script>
    export default {
        props: {
            column: Array,
            item: Array,
        },
    }
</script>

{{column}}
{{item[列]}
导出默认值{
道具：{
列：数组，
项目：阵列，
},
}

我如何调用组件：

<nexdatatable column="['a','b']" item="['a','b']"></nexdatatable>

---

您可以将阵列传递给道具

const-app=新的Vue({
数据（）{
返回{
columnArray:['a'，'b']，
itemArray:['a'，'b']，
};
},
方法：{
确认{
警惕（“你好”）；
}
}
})
app.$mount（“#app”）

---

一些错误

<th v-for="(column, index) in columns" :key="index"> {{column}}</th>

 <tr v-for="(item, index) in items" :key="index">

应该是一样的

项目的错误相同

<th v-for="(column, index) in columns" :key="index"> {{column}}</th>

 <tr v-for="(item, index) in items" :key="index">

现在像这样调用组件（您可以使用

：cloumns

或

v-bind:cloumns

）

使用绑定语法发送原始表达式、对象和数组：

：column=…

或

v-bind:column=…

（注意前面的

：

）请回答问题，以便我将其标记为正确。

<nexdatatable v-bind:columns="['a','b']" v-bind:items="['a','b']"></nexdatatable>