Vue数据变化不能触发dom更新

Question

我的数据结构是这样的：

tableData = [
       {
        tbodydata:[
            ["a"],
            ["b"],
            ["c"],
        ]
       }
    ]
这种多层嵌套结构，现在我改变tbodyData中某个数组中的序号为index的值，要如何出发页面的dom更新？？

我现在处理的方法是采用数组的splice方法处理的
state[uid].tableData[index].tbodyData.splice(rindex,1,trData);
在vue-devtool看到数据是变化啦 ，但是页面dom没有重新渲染出来，还是为空

Answer 1

文档
https://vuejs.org/v2/guide/li...

Answer 2

試了一下，似乎是有變化的...

jsFiddle