vue computed 可以使用getter和setter

Vue.js计算属性详解

转载于 2018-09-21 11:45:00 发布 · 108 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mengfangui/p/9685795.html

文章标签：

#javascript #ViewUI

本文深入探讨了Vue.js中计算属性的使用方法，包括只读计算属性和可读写计算属性的具体实现。通过实例展示了如何定义计算属性以提高代码的可读性和效率。

var vm = new Vue({
  data: { a: 1 },
  computed: {
    // 仅读取
    aDouble: function () {
      return this.a * 2
    },
    // 读取和设置
    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