Watch nested data vue

Vue watch child property

...
watch:{
    'item.someOtherProp'(newVal){
        //to work with changes in "myArray"
    },
    'item.prop'(newVal){
        //to work with changes in prop
    }
}

Source: stackoverflow.com

Vuejs watch for nested data

watch: {
  item: {
     handler(val){
       // do stuff
     },
     deep: true
  }
}

Source: stackoverflow.com

Watch nested data vue

var vm = new Vue({
  el: '#app',
  computed: {
    foo() {
      return this.item.foo;
    }
  },
  watch: {
    foo() {
      console.log('Foo Changed!');
    }
  },
  data: {
    item: {
      foo: 'foo'
    }
  }
})

Source: stackoverflow.com

Similar codes

3 votes176 views3 answers
Html input only letters
Html
0 vote187 views1 answer
How to make multiple pages html
Html
0 vote168 views3 answers
How to import html to html file to get code into the html file
Html
1 vote192 views1 answer
How to add image caption in markdwon
Html
1 vote178 views1 answer
Html table tfoot after thead
Html
-1 vote253 views3 answers
Xss commands
Html
2 votes193 views1 answer
Bootstrap select menu
Html
0 vote186 views1 answer
Html img max tam
Html
1 vote183 views1 answer
How to center h1 i nhtml
Html
9 votes183 views3 answers
Multi line comment html
Html