Answers for "deep compare in object in watcher vuejs"

8

vue watch deep

export default {
  name: 'ColorChange',
  props: {
    colors: {
      type: Array,
      required: true,
    },
  },
  watch: {
    colors: {
      // This will let Vue know to look inside the array
      deep: true,

      // We have to move our method to a handler field
      handler(value) {
        console.log('The list of colors has changed!', value);
      }
    }
  }
}
Posted by: Guest on June-09-2020
3

vue watch child property

...
watch:{
    'item.someOtherProp'(newVal){
        //to work with changes in "myArray"
    },
    'item.prop'(newVal){
        //to work with changes in prop
    }
}
Posted by: Guest on September-11-2020

Code answers related to "Javascript"

Browse Popular Code Answers by Language