I'm pulling data from a API and using jQuery's getJson method to extract the data I'm then trying to assign the data to a vue array object by utilizing app.$set.

So far I've been able to extract the data and assign it to the vue array but I can only access one thing at a time. 

```
<div id="app">

    <div v-once id="movies">
        {{movieCall()}}
    </div>

    <div v-for="(movie,index) of movies" class="card" style="width: 18rem;">
        <!-- <img src="..." class="card-img-top" alt="..."> -->
        <div class="card-body">
            <div class="card-title">{{movie}}</div>
        </div>
    </div>
</div> 

var app = new Vue({
    el: "#app",
    movies: [

        ],
    },
    methods:
    $.getJSON("https://api.themoviedb.org/3/movie/now_playing?api_key=9d9f46b8451885697e5cf7d1927da80f", function (movie) {
        for (let i = 0; i < 3; i++) {

            app.$set(app.movies, i, movie.results[i].title);

        }

        for (var x = 0; x < app.movies.length; x++) {
            console.log(app.movies[x])

        }
    })

   }, 

```

I'm extracting the movie and setting the title to the movie array but I'm wanting to assign it instead to a movie{title} object. This is so when I go through my v-for loop I can refer to the movie object array as movie.title, movie.overview, etc. to print them all. e.g.
In other words, is there a way to do:

```
app.$set(app.movies.title, i, movie.results[i].title);
app.$set(app.movies.overview, i, movie.results[i].description);
etc.

```

and have my movie array set up as:

```
movie[
      {title:}
      {description:}
]

```

and finally loop through like:

```
 <div v-for(movie, index) of movies>
 <div class="titles">
 {{movie.title}}
 </div>
 <div class="descriptions">
 {{movie.description}}
 </div>
 </div>

```