computed

computed

• Type: Object

• Details:

  Computed properties to be mixed into the Vue instance. All getters and setters have their this context automatically bound to the Vue instance.

• Example:

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

  var vm = new Vue({   data: { a: 1 },   computed: {     // get only, just need a function     aDouble: function () {       return this.a * 2     },     // both get and set     aPlus: {       get: function () {         return this.a + 1       },       set: function (v) {         this.a = v - 1       }     }   } }) vm.aPlus   // -> 2 vm.aPlus = 3 vm.a       // -> 2 vm.aDouble // -> 4

• See also:

  • Computed Properties
  • Reactivity in Depth: Inside Computed Properties