Vue组件和数据类型道具

Question

我正在尝试为所有数据网格创建一个vue组件，我正在使用DataTables库（https://datatables.net/），因此，我已经创建了vue组件：

GridDatos.vue

checkedCodes

实例：

<template>
<div class="container">
    <h4>{{titulo}}</h4>
    <table id="example" class="table table-striped table-bordered nowrap" style="width:100%">
        <thead>
            <tr>
                <th v-for="col in colNames">{{col}}</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>sssss</td>
                <td>sssss</td>
                <td>sssss</td>
                <td>sssss</td>
                <td>sssss</td>
                <td>sssss</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th v-for="col in colNames">{{col}}</th>
            </tr>
        </tfoot>
    </table>
</div>

以及用法：

Vue.component('grid-datos', require('./components/GridDatos.vue').default);

但是这里的问题是表头，您似乎在屏幕快照中看到了最后一个数组元素：

Titles

当然，调用组件时我没有正确设置数组。 有人可以帮我吗？

非常感谢。问候。