为什么Vue表组件无法呈现数据？

Question

我想编写一个表组件，因为项目中的多个页面中都有表。但是现在无法呈现数据。

这是我的代码，

HTML：

    <resource-table :TableData="resourceCodeTableData" :CodeColumns="resourceCodeColumns"></resource-table> 

JS：

   var tableCom = `
                <el-table :data="TableData" class="pj-table" height="400px" stripe border>
                    <el-table-column
                            v-for="column in CodeColumns" :prop="column.prop"
                            :label="column.label">
                        <template scope="scope">
                            <span v-html="scope.row[column.prop]"></span>
                        </template>
                    </el-table-column>
                </el-table>
                `;

Vue.component('resource-table', {
    props: ['TableData', 'CodeColumns'],
    template: 'tableCom'
});

var app = new Vue({
    el: '#app',
});

resourceCodeTableData：

[{"deviceType": "tttt"}]

resourceCodeColumns：

[{"label":"deviceType","prop": "deviceType"}]

请指出我的代码错误，非常感谢。