/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

1 vote123 views1 answer
Vue watch
Javascript Vue
0 vote120 views1 answer
Vue send event plus variable
Javascript Vue
0 vote117 views1 answer
Vue chart print
Javascript Vue
0 vote127 views1 answer
Vuerouter route grouping
Javascript Vue
0 vote130 views1 answer
Basic Vue JS Setup script for Laravel App
Javascript Vue
6 votes119 views2 answers
Vue watch deep property
Javascript Vue
3 votes131 views5 answers
Vue js countdown timer
Javascript Vue
2 votes114 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote112 views1 answer
Vue router default page not loaded
Javascript Vue
0 vote131 views1 answer
Vuejs list items from axios
Javascript Vue