关于VUE中data中数据响应式

使用VUE开发项目，使用的ui框架是element-ui，在写table的展开行的时候，获取数据后将数据添加到table绑定的tableData上，我是给tableData中每一项添加一个新的属性tableDtailData来存储展开行的数据( api.getInData（）是封装的axios发送请求的方法 ）

api.getInData(param).then((data) => {
        if (data.message === 'SUCCESS') {
          this.pageInfo = data.data;
          this.tableData = data.data.list;
          if (this.tableData.length !== 0) {
            for (let i = 0; i <= this.tableData.length; i += 1) {
              if (this.tableData[i]) {
                Object.keys(this.initFormData.billMapIn).sort().forEach((key) => {
                  if (this.tableData[i].billStatusIn === this.initFormData.billMapIn[key].code) {
                    this.tableData[i].billStatusIn = this.initFormData.billMapIn[key].name;
                    this.tableData[i].tableDetailData = [];
 }});