Building the Real Application Chapter 5As you can see, we have used the vue directive for. The key is used to assign a unique
identity to each record. Now, when you visit http://localhost:8080/, you will see the
following:
We have successfully built an application where we can add the movies to the MongoDB
and display the DB records on the home page.
Adding a movie profile page
Now, we need a page where a logged-in user can go and rate the movie. To do that, let's
add a link to the title of the movie on the home page. In Home.vue, replace the template
part with the following content:
<template>
<v-layout row wrap>
<v-flex xs4 v-for="movie in movies" :key="movie._id">
<v-card>
<v-card-title primary-title>
<div>
<div class="headline">
<v-btn flat v-bind:to="`/movies/${movie._id}`">