#0.2.1 讀取與設定計算

by BDeer

HTML

<div id="app">
 <template v-if="false">
 vm.aPlus   // => 2
 vm.aPlus = 3
 vm.a       // => 2
 vm.aDouble // => 4
 </template>
</div>

Vue

var vm = new Vue({
	el:'#app',
  data: { a: 1 },
  computed: {
    // 僅讀取
    aDouble: function () {
      return this.a * 2
    },
    // 讀取和設置
    aPlus: {
      get: function () {
        return this.a + 1
      },
      set: function (v) {
        this.a = v - 1
      }
    }
  }
})