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