/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 vote340 views1 answer
Vuetify checkbox click firing twice
Javascript Vue
28 votes433 views4 answers
Vue inline style bind
Javascript Vue
4 votes288 views2 answers
Vue js tutorial
Javascript Vue
0 vote299 views1 answer
Trigger a function inside child from parent vue
Javascript Vue
0 vote308 views1 answer
Vuejs v-model when enter pressed
Javascript Vue
3 votes276 views1 answer
Getter in action vuex
Javascript Vue
9 votes315 views3 answers
Vue boolean
Javascript Vue
0 vote290 views1 answer
Dynamic vue js maintenance mode
Javascript Vue
-1 vote346 views3 answers
Vite vue 3 create new component cli
Javascript Vue
2 votes281 views1 answer
Vue pdf vue jest
Javascript Vue