vuejs watch on array of objects code example

Example 1: vue deep watch

watch: {
    colors: {
        handler(newValue){
            console.log('colors changed', newValue)
        }, deep: true
    }
}

Example 2: 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;
      });
    }
  }
}