/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 vote198 views1 answer
Global axios vue 2
Javascript Vue
7 votes205 views1 answer
Vue js Elements in iteration expect to have 'v-bind:key' directives
Javascript Vue
3 votes205 views1 answer
Vue js select option disabled false
Javascript Vue
0 vote189 views1 answer
Mdi/js icons with vue
Javascript Vue
62 votes404 views4 answers
How to install vue
Javascript Vue
2 votes193 views1 answer
Vue js get width of element
Javascript Vue
0 vote203 views1 answer
Vue js qr code scanner
Javascript Vue
0 vote196 views1 answer
How to load js in vuejs components
Javascript Vue
0 vote212 views1 answer
Nuxt vuetify google fonts
Javascript Vue
0 vote205 views1 answer
Vue router Async Scrolling
Javascript Vue