/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

5 votes318 views6 answers
Vue v-for object
Javascript Vue
1 vote353 views2 answers
Ngrok live port vue js
Javascript Vue
0 vote369 views1 answer
Vue v-for loop array
Javascript Vue
0 vote330 views1 answer
Vue electron read file
Javascript Vue
0 vote361 views1 answer
VueJS - getting the last element of a split string array
Javascript Vue
-1 vote338 views3 answers
Vue is not defined
Javascript Vue
0 vote291 views1 answer
Vue js attribute binding
Javascript Vue
0 vote313 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote316 views1 answer
How to open same project on different devices vue js
Javascript Vue
0 vote308 views1 answer
Vuejs use set to prevent duplicates
Javascript Vue