我應該將JSON轉換爲Array以便能夠用v-for迭代它？

Question

在下面的代碼我從服務器獲取數據，並填充數組與他們：

Vue.http.post('/dbdata', DataBody).then((response) => { 
     App.$refs.userContent.rasters_previews_list.$set(response); // putting JSON answer to Component data in userContent 
     console.log("App.$refs.userContent.rasters_previews_list: ", App.$refs.userContent.rasters_previews_list.length); 

     }, (response) => { 
      console.log("Error") 
     }); 

現在我填。在var userContent = Vue.extend({中聲明瞭data。我使用App.$refs.userContent.rasters_previews_list到set它是有價值的，因爲來自SO的一個人說，沒有其他方法可以訪問構造函數。在用watch更改後，我嘗試輸出rasters_previews_list，但這裏是我所看到的。 http://img.ctrlv.in/img/16/08/04/57a326e39c1a4.png我真的不明白我是否設置了正確的方式或不是。如果是的話，爲什麼我沒有看到數據，只看到這個廢話？

data: function() { 
     return { 
     rasters_previews_list: [] 
     } 
} 

但我怎麼可以迭代它與v-for？

<ul v-for="img in rasters_previews_list"> 
<li>{{img}}</li> 
<ul> 

此代碼顯示一個項目符號。所以它看起來像是假設有一個object。

我在瀏覽器對象控制檯的樣子： Object {request: Object, data: Array[10], status: 200, statusText: "OK", ok: true}

Answer 1

您的設置充分反應，而不是隻有你實際需要的數據。

Vue.http.post('/dbdata', DataBody).then((response) => { 
    App.$refs.userContent.rasters_previews_list.$set(response.data); 
    console.log("App.$refs.userContent.rasters_previews_list: ", App.$refs.userContent.rasters_previews_list.length); 
}, (response) => { 
    console.log("Error") 
}); 

如果這不是你想要的，請發表一個完整的例子。