/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 vote233 views1 answer
Vuejs input text
Javascript Vue
1 vote207 views1 answer
Vuejs delay watch
Javascript Vue
0 vote220 views1 answer
How to get 3rd level form data by $refs in vue
Javascript Vue
0 vote223 views1 answer
Vue router Async Scrolling
Javascript Vue
0 vote227 views2 answers
Vue on page link or anchor
Javascript Vue
0 vote216 views1 answer
Vuejs vscode unbound breakpoint
Javascript Vue
0 vote205 views1 answer
App.js:38650 [Vue warn]: Failed to mount component: template or render function not defined
Javascript Vue
3 votes281 views2 answers
Vue add watcher
Javascript Vue
1 vote208 views1 answer
Vue electron min width
Javascript Vue
4 votes207 views1 answer
How to create a global variable in vue
Javascript Vue