Vue 中 数组操作以及注意事项

# 简单的 for 循环添加到末尾

for (let item of data) {
              this.reformList.push(item)
            }

# for-i 循环添加对象

for (let i = 0; i < data.MonthContractBugDetails.length; i++) {
          let detail = data.MonthContractBugDetails[i]
          this.option2.series[0].data.push({'value': detail.BugCount, 'name': detail.ContractShortName})
        }

其中‘value’和‘name’是对象中的相应字段

# 直接添加一个到数组中

this.bugInfo.PdfList = [{PdfName: data.BugInfo.PdfName, PdfUrl: data.BugInfo.PdfUrl}]

# 个人问题记录

this.inspectInfo = data.InspectInfo

这中处理方式在处理数据源的时候很常见，但是如果数据源还需要二次加工（例如拼接等操作），服务端数据中的字段和本地数据的字段不匹配，就是导致 xxx undefined，因此在处理这类数据时，不要在前面给本地数据源赋值。