Vue 对象数组中一项数据改变，页面不更新

问题描述：将data中数据列表渲染到页面，v-for ，点击页面中 点击 后数组中某项值改变，但是页面不更新，Vue 不能检测数组和对象的变化。

方法1： 重新赋值，

this.data=Object.assign({},this.data);

方法2：
 

this.$set(this.tableData, i, this.tableData[i])

方法3：

 this.$forceUpdate()

如果层次太多，就用第三种，比较耗性能