Vue tutorial: Marcar película como favorita

Home.vue

<template>
  <div>
    <dropdown :items="genres" :selected.sync="selectedGenre"></dropdown>

    <movie v-for="movie in filteredMovies" :movie="movie"></movie>
  </div>
</template>

<script>
import api from '@/services/api'
import dropdown from './Dropdown'
import movie from './Movie'

export default {
  data () {
    return {
      movies: [],
      genres: [],
      selectedGenre: null
    }
  },
  components: {
    dropdown,
    movie
  },
  created() {
    api.getMovies().then(data => {
      this.movies = data
    })
    api.getGenres().then(data => {
      this.genres = data
    })
  },
  computed: {
    filteredMovies() {
      if (this.selectedGenre) {
        const genre = parseInt(this.selectedGenre)

        return this.movies.filter( movie => {
          return movie.genre_ids.indexOf(genre) !== -1
        })
      } else {
        return this.movies
      }
    }
  }
}
</script>

Movie.vue

<template>
  <article>
    <button class="movies__like" @click="saveMovie()">
      <i :class="movie.saved ? 'fa fa-check' : 'fa fa-star'"></i>
    </button>
    <span v-show="movie.saved">lalala</span>
    <img :src="`https://image.tmdb.org/t/p/w500/${movie.poster_path}`" alt="">
  </article>

</template>

<script>
import Vue from 'vue'
export default {
  props: ['movie'],
  methods: {
    saveMovie() {
      this.$set(this.movie, 'saved', true)
    }
  }
}
</script>