/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

0 vote127 views1 answer
Vue js data property in component must be a function
Javascript Vue
0 vote123 views1 answer
QuerySelector a slot vuejs
Javascript Vue
5 votes118 views1 answer
Vue prop string or number
Javascript Vue
0 vote137 views1 answer
Vuejs pass all events to child
Javascript Vue
-2 votes134 views1 answer
Vue js get routes
Javascript Vue
0 vote136 views1 answer
Vue can't refresh after change vmodel data
Javascript Vue
2 votes136 views1 answer
Vue js data bind
Javascript Vue
0 vote121 views1 answer
Bindbidirectional vue js
Javascript Vue
0 vote144 views1 answer
Webpack ReferenceError: process is not defined #871 electron vue
Javascript Vue
1 vote123 views1 answer
Vuejs watch for nested data
Javascript Vue