Есть ли способ отследить изменения все данных (data) в vue?

Question

[Илья Кочкин]

Смысл вопроса в том что есть экземпляр vue

var app = new Vue({
el: '#app',
 data: {
  var1:1,
  var2:2,
  var3:3,
  ..
varN:N
  }
})

мне нужно отследить изменение полей и отправить данные на сервер. Есть ли универсальный способ отследить изменение любого из полей и вызвать функцию
или мне на каждое поле нужно вешать watch

Answer 1

[Илья Пономарев]

Можно обернуть в объект и на этот объект вешать watch

var1:1,
var2:2,
var3:3,
..
varN:N

form: {
var1:1,
var2:2,
var3:3,
..
varN:N
}

и добавь watch

watch: {
form: {
handler: function(newForm, oldForm) {...}
deep: true
}
}