/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 vote151 views1 answer
Vue route automatic redirect
Javascript Vue
0 vote100 views1 answer
Vue block other script event listeners
Javascript Vue
2 votes166 views1 answer
Vue directive access this
Javascript Vue
35 votes248 views6 answers
Vue3 cdn
Javascript Vue
0 vote149 views1 answer
Export data from paginated api javascript vuetify
Javascript Vue
1 vote132 views1 answer
Adding a prototype on vue using nuxt
Javascript Vue
0 vote143 views1 answer
Vuejs vscode unbound breakpoint
Javascript Vue
0 vote147 views1 answer
Vue google map api for user marker location
Javascript Vue
0 vote147 views1 answer
Vue cli - Uncaught SyntaxError: Unexpected token <
Javascript Vue
0 vote148 views1 answer
Adding jquery to vuepress
Javascript Vue