Is there a way to track changes to all data in vue?

Question

Vue.js

The meaning of the question is that there is a vue instance

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

I need to track field changes and send the data to the server. Is there a universal way to track a change in any of the fields and call a function
, or do I need to hang a watch on each field

Answer 1

You can wrap it in an object and hang watch on this object

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

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

and add watch

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