computed v3

`v3`版本的Vue.js中的`computed`属性是一种响应式的计算属性。它允许你在数据对象上定义读取器，这些读取器会在依赖的数据改变时自动更新结果。在Vue中，当你有需要基于其他属性动态计算得出新值的需求时，可以使用`computed`。

例如：

data() {
  return {
    firstName: 'John',
    lastName: 'Doe'
  }
}

computed: {
  fullName() {
    return this.firstName + ' ' + this.lastName;
  }
}

在这个例子中，`fullName`是一个`computed`属性，当`firstName`或`lastName`发生变化时，`fullName`会自动更新。你可以像访问普通的属性一样直接使用这个计算属性，如`this.fullName`。

使用`computed`的好处包括：

1. 提高性能：只有当依赖的数据变化时，才会重新计算新的值，避免了不必要的数据更新。
2. 简化代码：将复杂的业务逻辑封装到单独的计算属性中，使得组件更易于理解和维护。