/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 vote160 views1 answer
Laravel vuejs barcode
Javascript Vue
38 votes255 views5 answers
Vue create cli
Javascript Vue
0 vote136 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
2 votes142 views2 answers
Add params to url vue
Javascript Vue
1 vote127 views1 answer
Vue-resource patch
Javascript Vue
1 vote144 views1 answer
Nativescript vue back button handler
Javascript Vue
0 vote136 views2 answers
Vuejs nested v-for
Javascript Vue
0 vote135 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
2 votes133 views1 answer
Vue local storage delete
Javascript Vue
3 votes89 views2 answers
Vue mounted
Javascript Vue