/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

2 votes220 views1 answer
Clear input from file vue
Javascript Vue
0 vote166 views1 answer
Vue 3 emit update prop
Javascript Vue
0 vote245 views1 answer
Await vuex dispatch true
Javascript Vue
16 votes296 views5 answers
Vuejs router params
Javascript Vue
0 vote239 views1 answer
Vuejs form prevent default event
Javascript Vue
0 vote251 views1 answer
How to call mixin in vuex
Javascript Vue
0 vote172 views1 answer
Vuejs reset component
Javascript Vue
1 vote228 views2 answers
How to watch for changes within a prop in vue
Javascript Vue
1 vote240 views1 answer
V-for only getting one first value vuejs
Javascript Vue
0 vote227 views1 answer
Vuetify autocomplete get input value
Javascript Vue