Vue

by luckylooke

HTML

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

Vue

const myObject = {
	myPropInternal: 0,
  get myProp() {
      console.log('get', this.myPropInternal);
      return this.myPropInternal;
  },
  set myProp(value) {
      console.log('set', value);
      this.myPropInternal = value;
  }
};

new Vue({
  el: "#app",
  data: {
    message: "Hello!",
    myObject
  },
  created: function() {
  	this.myObject.myProp = 1;
  	this.myObject.myProp = 2;
  	this.myObject.myProp = 3;
  }
});