/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

4 votes344 views2 answers
Global variable vuejs
Javascript Vue
2 votes333 views1 answer
Vue axios catch error
Javascript Vue
0 vote331 views1 answer
Remove # url vuejs
Javascript Vue
0 vote355 views1 answer
Vue function data update
Javascript Vue
0 vote331 views1 answer
Vue jest run single test
Javascript Vue
3 votes277 views3 answers
Timer countup in vue js
Javascript Vue
0 vote337 views1 answer
Vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in nextTick: "RangeError: Maximum call stack size exceeded"
Javascript Vue
1 vote330 views1 answer
Vue dynamic create watch
Javascript Vue
6 votes418 views1 answer
How set stye in component inline in vue
Javascript Vue
0 vote337 views1 answer
Keep-alive vuejs router
Javascript Vue