Vuejs2 无法访问嵌套对象vue的属性

我现在使用Vue已有一段时间了，但在访问对象的某些属性时遇到了问题

我有一个名为“table”的对象，它带有“data”和“Paginate”属性，作为道具传递给我的Datatable Vue组件。当我尝试在Datatable组件上console.log“table”对象时，我可以看到“data”和“Paginate”属性有值，但当我尝试使用“this.table.data”访问时，我得到了0个值

以下是我的表对象的结构：

table : {
     data : array[7],
     paginate: Object
} 

正在尝试访问Vue实例“Mount”上的this.table.data

谢谢你的帮助

组件代码：

 <script>
 window.Event = new Vue();

export default {

props: {
        tableid: String,
        settings: Object,
        table: Object,
    },
mounted: function(){
    console.log(this.table);
}
</script>

window.Event=new Vue（）；
导出默认值{
道具：{
tableid:String，
设置：对象，
表：对象，
},
挂载：函数（）{
console.log（这个表）；
}

Vue.component（'table-show'{
模板：“#表格显示”，
道具：{
表：对象，
}
});
新Vue({
el:“#应用程序”，
数据：{
表：[{
数据：[1,2,3]，
分页：正确
}, {
数据：[4,5,6]，
分页：正确
}, {
数据：[7,8,9]，
分页：错误
}, ],
}
})；

{{table.data}


{{$data.tables}

需要查看更多的代码。你能显示整个组件吗？@BertEvans编辑了这个问题。。你能用小提琴演示这个问题吗？我还没有看到任何错误。让我试试@BertEvans。谢谢。不过有一点需要注意的是，我可以访问更新的vue挂钩上的属性。你知道我们访问时是否有问题吗s vue道具在挂载的钩子上？谢谢。这取决于它何时从父级传递。如果异步加载，它将不会在挂载的钩子上。