/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 vote279 views1 answer
Desable no unused vars in vue.js
Javascript Vue
1 vote290 views1 answer
Fetch composition API in Vue3
Javascript Vue
0 vote295 views1 answer
Vue print date
Javascript Vue
3 votes265 views1 answer
Getter in action vuex
Javascript Vue
0 vote292 views1 answer
How to find length of a assocative array vuejs
Javascript Vue
-1 vote278 views1 answer
Vuejs how use this.$slots.default
Javascript Vue
0 vote240 views1 answer
Dateformat filter vue
Javascript Vue
1 vote274 views1 answer
Vue 3 define props script setup
Javascript Vue
0 vote284 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
0 vote298 views1 answer
Vue-jstree
Javascript Vue