/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

16 votes480 views4 answers
Vue class add if
Javascript Vue
3 votes306 views1 answer
Submit form in vue
Javascript Vue
0 vote331 views2 answers
Vue timeout
Javascript Vue
0 vote280 views1 answer
Data table is not a function in vue
Javascript Vue
3 votes376 views2 answers
Vue add watcher
Javascript Vue
38 votes410 views5 answers
Vue create cli
Javascript Vue
3 votes295 views1 answer
Filter array in vuex
Javascript Vue
0 vote303 views1 answer
Can i use promise.all conditional in vue js
Javascript Vue
0 vote299 views1 answer
How to use the onload event n vue js
Javascript Vue
6 votes338 views2 answers
Installing vuex
Javascript Vue