/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

15 votes456 views6 answers
Vue.js
Javascript Vue
0 vote208 views2 answers
To show which tab is active in VueJS
Javascript Vue
6 votes229 views3 answers
Url params vue
Javascript Vue
1 vote165 views1 answer
Vue firebase project tutorial
Javascript Vue
0 vote310 views1 answer
Vue print date
Javascript Vue
0 vote218 views1 answer
VueJS - check strings is includes in vuejs
Javascript Vue
0 vote273 views1 answer
Vue dynamic routes with parameters
Javascript Vue
13 votes422 views5 answers
Vue js cdn link
Javascript Vue
4 votes203 views1 answer
How to create a global variable in vue
Javascript Vue
1 vote213 views2 answers
Vue watch props
Javascript Vue