/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 vote384 views1 answer
Watching Arrays and Objects (Vue 3)
Javascript Vue
10 votes388 views2 answers
Vuejs set default value for prop
Javascript Vue
0 vote362 views1 answer
Expect vue test utils compare objects
Javascript Vue
1 vote350 views1 answer
Vue get height of element ref
Javascript Vue
0 vote349 views1 answer
Vue apollo refetch every x ms
Javascript Vue
11 votes397 views2 answers
Vue nextTick
Javascript Vue
0 vote325 views1 answer
Get props from methods in vue
Javascript Vue
2 votes379 views2 answers
Vue js redirect to external url new tab
Javascript Vue
0 vote340 views1 answer
Vue rails turbolink don't load
Javascript Vue
2 votes357 views1 answer
Vue directive access this
Javascript Vue