/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

3 votes313 views1 answer
How to get current template in vuejs
Javascript Vue
0 vote263 views1 answer
Vuejs my chart load before fetch data
Javascript Vue
1 vote274 views1 answer
Get text inside span vue test utils
Javascript Vue
2 votes293 views2 answers
Add params to url vue
Javascript Vue
1 vote300 views2 answers
Target data option select vue js
Javascript Vue
1 vote260 views1 answer
Vue check if list is empty
Javascript Vue
0 vote300 views1 answer
Hide component on click vue
Javascript Vue
1 vote278 views1 answer
Vue dynamic route push with params
Javascript Vue
0 vote271 views2 answers
Vue slot events
Javascript Vue
0 vote271 views1 answer
How to include a toasted property in vue
Javascript Vue