vue.js 解决后台返回数组对象属性名与前端需要属性名不一致

在项目中经常会遇到，后台返回的数组值是前端需要的值，但值的名称对应不上的问题。

使用map可以解决此类问题。

// 更新状态（请求中）
this.firstView = false
this.loading = true
// 发ajax请求
axios.get(url).then(res => {
    const result = res.data //result是后台返回给我的数据，我需要取到result里的item
    const users = result.item.map(item => ({ //对item进行处理，处理后为符合我要求的users
        url:item.html_url, //我需要的属性名是url，后台返给我的为html_url，所以需要处理。下面同理
        name:item.login_name
    }))
    // 成功，更新状态（成功）
    this.loading = false
    this.users = users
}).catch(err => {
    // 失败，更新状态（失败）
    this.loading = false
    this.errorMsg = '请求失败'
})