/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

2 votes105 views1 answer
Vue local storage delete
Javascript Vue
0 vote55 views1 answer
Vue tilt
Javascript Vue
0 vote106 views1 answer
Vue change input value from console
Javascript Vue
0 vote99 views1 answer
Vuejs list items from axios
Javascript Vue
2 votes96 views2 answers
Vue + change router link active class
Javascript Vue
0 vote109 views1 answer
Vue store mutations
Javascript Vue
0 vote95 views2 answers
Flask vue.js not working
Javascript Vue
0 vote107 views1 answer
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.
Javascript Vue
3 votes111 views5 answers
Vue js count down timer
Javascript Vue
0 vote96 views1 answer
Vue cli debugger
Javascript Vue