JAVASCRIPT

Vuejs watch for nested data

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

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'
    }
  }
})