v-forを使用してJSONをiterateできるようにJSONをArrayに変換する必要がありますか？次のコードで

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> 

このコードは1つの記号を表示しています。それで、objectが1つあると仮定しているように見えます。あなたは、あなたが実際に必要なデータだけではなく完全な応答を設定 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") 
}); 

これがあなたが探しているものでない場合は、完全な例を投稿してください。