Vue.js在data（）中使用vue-resource填充数组

Question

我在data（）中填充数组时遇到问题。我只是从用户JSON对象（10个用户）中提取，这与randomapi的结构相同

    <template>
  <div class='row'>
    <ul>
      <li v-for="u in users">
        Name : {{u.name}}
        <br>
        Email: {{u.email}}
      </li>
    </ul>
  </div>
</template>

当收到数据时，我循环并填充resultsArray，当它完成时，users []等于resultsArray

<script>
  export default {
    data() {
      return {
        users: []
      }
    },
    methods: {
      getUsers() {
        this.$http.get('./playground/users.json')
        .then(response => {
          return response.json()
        })
        .then(data => {
          const resultArray = []
          for(let key in data){
            resultArray.push(data[key])
          }
          this.users = resultArray
          console.log(this.users)
        })
      }
    },
    created(){
      this.getUsers()
    }
  }
</script>

它正在打印以下内容： 名称 ： 电子邮件：

JSON对象