Vuejs с массивами

Question

Im преобразование ответ JSON в массив со следующим:

 json_data = response.body.movies; 
     var result = []; 
     for(var i in json_data) result.push([i, json_data [i]]); 
     self.movies = _.chunk(result, 3); 

Перед тем, как попытаться преобразовать его, это объект, похожий на этот:

После преобразования:

Мне нужно преобразовать, потому что метод lodash chunk работает только с массивами (?).

Так что, когда работает _.chunk(JSONAPIREPSONSE,4), self.movies выглядит следующим образом:

До сих пор слишком хорошо.

Но когда я пытаюсь v-forself.movies, я не могу получить информацию, которая мне нужна. Im имеющие этот шаблон

  <div class="row" v-for="(movie, index) in movies" v-bind:index="index"> 
       <div class="col-sm-4" v-for="(set, key) in movie" v-bind:key="key"> 
        <div class="panel"> 
         <div class="panel-heading"> 
          <a v-on:click.prevent="fetchNow(movie.movie_title)" :href="movie.movie_id">@{{ set.movie_title }}</a> 
         </div> 
         <div class="panel-body"> 
         movie title: <b>@{{ set.movie_title }}</b> <br> 
         set: <b>@{{ set }}</b> <br> 
           //Here comes Content do whatever here 
         </div> 
        </div> 
      </div> 

И результат для {{ set.movie_title }} пуст, без ошибок.

Результат для {{ set }} является:

[ "0", { "movie_title": "Bridget Jones's", "movie_id": "17523" } ] 
[ "1", { "movie_title": "Strange", "movie_id": "17483" } ] 

Ожидаемый результат

Нормальный синтаксис vuejs для отображения содержимого массива.

Answer 1

пытается получить доступ к нему, как этому {{ set[1].movie_title }}

и вы можете использовать _.chunk без преобразовывать ответ JSON в массив и получить доступ к результату, как, что {{ set.movie_title }}