/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 vote352 views1 answer
Deploy vue js to shared hosting
Javascript Vue
0 vote388 views1 answer
Vue component: { render:
Javascript Vue
0 vote344 views1 answer
String in vue.js
Javascript Vue
0 vote357 views1 answer
Using vuejs-datepicker with Nuxt JS
Javascript Vue
0 vote348 views1 answer
Import downloadCsv from "vue-json-csv";
Javascript Vue
1 vote364 views1 answer
Vuex-module-decorators access other state
Javascript Vue
0 vote361 views1 answer
How to use vue.js in expressjs with pug
Javascript Vue
2 votes339 views1 answer
Open url in new window vue
Javascript Vue
0 vote354 views1 answer
Vue.js watch event
Javascript Vue
1 vote370 views1 answer
Vue create component
Javascript Vue