/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 vote185 views1 answer
Add rows to the table dynamically with the use of vue.js
Javascript Vue
0 vote181 views1 answer
How are vue components identified
Javascript Vue
0 vote234 views2 answers
Vue timeout
Javascript Vue
4 votes231 views3 answers
Vue computed
Javascript Vue
0 vote203 views1 answer
Vuejs form prevent default event
Javascript Vue
1 vote223 views1 answer
Vuex-module-decorators access other state
Javascript Vue
2 votes210 views2 answers
Vue directive
Javascript Vue
0 vote253 views1 answer
Routing vue with meta tag firebase
Javascript Vue
0 vote235 views2 answers
Vue chart nuxt
Javascript Vue
0 vote211 views1 answer
Get props from methods in vue
Javascript Vue