Vue

by luckylooke

HTML

<div id="app">
   <h1>{{ message }} - {{ myObject.myProp }}</h1>
</div>

Vue

new Vue({
  el: "#app",
  data: {
    message: "Hello!",
    myObject: {
    	myProp: 0,
    }
  },
  created: function() {
    this.$watch('myObject.myProp', 
      function (val) {
        	console.log(val);
        }, {
      immediate: true
    });
  	this.myObject.myProp = 1;
  	this.myObject.myProp = 2;
  	this.myObject.myProp = 3;
  }
});