/Javascript/Vue/Using the watch method to monitor route updates in vue

Using the watch method to monitor route updates in vue

watch: {
  movie(movie) {
    // Fetch data about the movie
    fetch(`/${movie}`).then((data) => {
      this.movieData = data;
    });
  }
}

Source: michaelnthiessen.com

Using the watch method to monitor route updates in vue

watch: {
  movie: {
    handler(movie) {
      // Fetch data about the movie
      fetch(`/${movie}`).then((data) => {
        this.movieData = data;
      });
    }
  }
}

Source: michaelnthiessen.com

Using the watch method to monitor route updates in vue

watch: {
  // Whenever the movie prop changes, fetch new data
  movie: {
    // Will fire as soon as the component is created
    immediate: true,
    handler(movie) {
      // Fetch data about the movie
      fetch(`/${movie}`).then((data) => {
        this.movieData = data;
      });
    }
  }
}

Source: michaelnthiessen.com

Similar codes

1 vote201 views1 answer
Content editable vuejs
Javascript Vue
6 votes191 views2 answers
Redirect in vue
Javascript Vue
77 votes352 views6 answers
Install vue-cli
Javascript Vue
0 vote222 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote203 views2 answers
Scroll to top router link vue
Javascript Vue
0 vote192 views2 answers
Vue chart nuxt
Javascript Vue
9 votes198 views3 answers
Vue boolean
Javascript Vue
1 vote221 views1 answer
Axios post data vue js
Javascript Vue
0 vote213 views1 answer
Hide component on click vue
Javascript Vue
0 vote201 views1 answer
Use vue cdn with firestore
Javascript Vue