/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 vote132 views1 answer
Vue in flast does't work
Javascript Vue
0 vote128 views1 answer
Vue js set array value by key
Javascript Vue
0 vote159 views2 answers
Vuejs slots events
Javascript Vue
3 votes96 views1 answer
Vue watch child component property
Javascript Vue
29 votes287 views4 answers
Create new project vue
Javascript Vue
-1 vote155 views3 answers
Uncaught ReferenceError: Vue is not defined
Javascript Vue
7 votes133 views1 answer
Vue 3 composition api watch
Javascript Vue
0 vote126 views2 answers
Ionic vue electron
Javascript Vue
1 vote119 views3 answers
Vue router npm install
Javascript Vue
0 vote136 views1 answer
Vue route automatic redirect
Javascript Vue