/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 vote187 views1 answer
Vue get window width
Javascript Vue
0 vote130 views1 answer
Vue block other script event listeners
Javascript Vue
0 vote208 views1 answer
Laravel vuejs barcode
Javascript Vue
3 votes190 views3 answers
Vue fetch
Javascript Vue
0 vote186 views1 answer
Vue js skeleton loading
Javascript Vue
0 vote201 views2 answers
Vue slice words
Javascript Vue
0 vote204 views1 answer
Diynamic time vue js
Javascript Vue
1 vote202 views1 answer
Vuejs v-for reverse
Javascript Vue
4 votes184 views1 answer
How to run a vue js hello world app in vue version 3
Javascript Vue
0 vote175 views1 answer
Vue js video call
Javascript Vue