vue2中computed的用法

在Vue2中，computed属性用于计算属性，它会根据依赖项的值自动更新。下面是computed的用法：

1. 值类型的写法：

computed: {
  // 侦听fullName属性的变化
  fullName: {
    // getter函数
    get: function() {
      return this.firstName + ' ' + this.lastName;
    },    // setter函数
    set: function(newValue) {
      var names = newValue.split(' ');
      this.firstName = names[0];
      this.lastName = names[names.length - 1];
    }
  }
}

2. 具有修改属性功能的写法：

computed: {
  // 计算属性，返回一个新的数组
  reversedItems: {
    get: function() {
      return this.items.reverse();
    },
    // 修改items属性
    set: function(newValue) {
      this.items = newValue.reverse();
    }
  }
}

注意：computed属性只有在它的依赖项发生变化时才会重新计算。如果依赖项没有变化，computed属性会从缓存中获取值，而不会重新计算。