/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

3 votes193 views1 answer
V-switch vuex store
Javascript Vue
1 vote205 views2 answers
Target data option select vue js
Javascript Vue
3 votes194 views2 answers
Input will get only number vue
Javascript Vue
0 vote171 views1 answer
Pagination in b table in bootstrap vue
Javascript Vue
1 vote189 views1 answer
Biding multiple class vuejs
Javascript Vue
28 votes312 views4 answers
Vue create
Javascript Vue
2 votes198 views1 answer
Vue js data bind
Javascript Vue
2 votes172 views1 answer
Vue axios catch error
Javascript Vue
0 vote204 views1 answer
Error vuejs from chokidar enospc
Javascript Vue
0 vote186 views2 answers
Navbar route with params vue
Javascript Vue