将restapi中的数据拉入VueJS组件的数组数据属性

Vue.js 开发一个restapi后端 NodeJS express 我想连接到它。我已经有剩下的API工作并为我提供JSON。现在我正试着弄明白 json 并使用 vue-resource

{
    "status": 200,
    "error": null,
    "response": [
        {
            "TxnID": "277731-1507125498",
            "SalesRep": null,
            "QuoteNumber": "20822PF",
            "QuoteModified": "2017-10-23T17:46:25.000Z",
            "Customer": "Dquard",
            "Country": "Indonesia",
            "QuoteAmount": 9106,
            "SalesOrderNumber": "19289",
            "SalesOrderAmount": 9106,
            "IsFullyInvoiced": "true",
            "status": "WIN 100%",
            "type": null,
            "margin": null
        },
        {
            //more data
        }
    ]
}

我想把每个 response

methods: {
    loadData () {
      this.$http.get(this.url)
        .then(response => {
          return response.json()
        }).then(data => {
          const resultArray = []
          for (let key in data.response) {
            resultArray.push(data[key])

          }
          console.log(resultArray)
          // this.salesOrders = resultArray
        })
    }

但是当控制台显示 resultArray 只是一堆 undefined

我需要改变restapi提供json的方式吗?理想情况下,我希望json中的每个响应对象将每条记录作为键/值对提供。例如 SalesRep: 'Jason' 而不是string/string-like 'SalesRep':'Jason'