v2中computed写法

在Vue.js的v2版本中，`computed`属性是一种响应式的计算属性，它允许你在数据模型中定义一些基于其他数据动态计算得出的值。其基本写法是：

// 定义 computed 属性
export default {
  data() {
    return {
      firstName: 'John',
      lastName: 'Doe'
    };
  },
  computed: {
    fullName() { // 使用函数形式
      return `${this.firstName} ${this.lastName}`;
    }
  }
}

在这个例子中，当你改变 `firstName` 或 `lastName` 的值时，`fullName` 会自动更新，因为它是依赖于这两个数据项的。`fullName` 可以理解为对原始数据的计算结果，而不是直接存储的值。

另一种写法是使用对象字面量的形式，更直观简洁：

computed: {
  fullName: {
    get() {
      return `${this.firstName} ${this.lastName}`;
    },
    set(value) {
      const parts = value.split(' ');
      this.firstName = parts[0];
      this.lastName = parts[1];
    }
  }
}

这里的 `get` 函数返回计算后的值，而 `set` 函数则用于处理当计算值发生变化时的数据绑定。`set` 函数通常用于处理复杂状态管理场景，如监听外部变化并保持内部状态一致。