Vue.js使用Observer数据给出奇怪的对象

Question

我正在接收像这样的axios数据：

getData() {                                        
    Axios.get(                                        
        '/vue/get-data/',                           
        {                                             
            params: {                                 
                categories: this.category,            
                activeFilters: this.activeFilters,    
            }                                         
        }                                             
    ).then((response) => {                            
        this.banners = response.data;                 
        this.setBanner();                             
    })                                                
},           

然后我明白了：

当我尝试console.log(response.data.length)时，我得到undefined。什么可以 在这里非常奇怪！

当我查看我的vue-devtools横幅时，有两个对象：

那么如何response.data.length未定义？

Answer 1

你得到的对象不是数组，为什么.length不起作用，你得到undefined

this.banners = response.data[0];// for first 

或循环，以获取每个对象的数据

for(var i in response.data){
     console.log(response.data[i]);
}

如果to get每个值都不是您的目的，并且您只想检查此answer