/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

0 vote348 views1 answer
Delete item from a foreach vuejs
Javascript Vue
16 votes464 views5 answers
Vuejs router params
Javascript Vue
0 vote337 views2 answers
Flask vue.js not working
Javascript Vue
3 votes335 views1 answer
Filter array in vuex
Javascript Vue
0 vote332 views1 answer
QuerySelector a slot vuejs
Javascript Vue
1 vote339 views1 answer
Vue dynamic create watch
Javascript Vue
0 vote357 views1 answer
Vuetifyjs 2.0 2 column side bar
Javascript Vue
21 votes471 views1 answer
Sh: 1: vue-cli-service: Permission denied
Javascript Vue
1 vote311 views1 answer
How to get the first element in vue js select option
Javascript Vue
1 vote351 views1 answer
Vue create component
Javascript Vue