Получение данных из моего остальных API в свойство данных массива моего компонента VueJS

Question

Я изучал Vue.js в течение нескольких недель и разрабатывал бэкэнд Rest API, используя NodeJS express, к которому я хочу подключиться.У меня уже есть Rest API, работающий и обслуживающий JSON для меня.Теперь я пытаюсь получить это json и сохранить его в массиве в одном из моих компонентов Vue, используя 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:

Нужно ли мне изменить способ, которым мой Rest API обслуживает JSON?В идеале я хотел бы, чтобы каждый объект ответа в моем json служил каждой записи как пара ключ / значение.Например SalesRep: 'Jason' вместо строки / строки, такой как 'SalesRep':'Jason'

Answer 1

Проблема в цикле for, у вас нет доступа к массиву ответов.

for (let key in data.response) {
    resultArray.push(data.response[key])
}