Vue 中什么是计算属性？

在 Vue 中，计算属性（Computed Properties）是一种依赖于其他属性值并动态计算得出的属性。它们的值是根据定义的逻辑动态计算的，而不是手动编写逻辑来处理。

计算属性的特点包括：

1. 声明式依赖：计算属性依赖于其他属性的值，并根据这些值动态计算得出结果。当依赖的属性发生变化时，计算属性会重新计算其值，但只有在依赖的属性发生变化时才会触发重新计算。

2. 缓存：计算属性是基于它们的依赖进行缓存的。只有在相关依赖发生变化时，计算属性才会重新求值。如果多次访问计算属性的值，Vue 会返回之前缓存的结果，而不会多次执行计算逻辑。

示例：

// Vue 实例中的数据
data() {
  return {
    radius: 10 // 半径
  };
},
computed: {
  // 计算属性，动态计算圆的面积
  area() {
    return Math.PI * this.radius * this.radius;
  }
}

在这个示例中，area 是一个计算属性，它依赖于 radius 属性的值来计算圆的面积。当 radius 发生变化时，area 会自动重新计算。在模板中使用 {{ area }} 来访问 area，Vue 会自动追踪依赖，确保 area 始终是基于最新的 radius 值计算的结果。

计算属性让代码更加清晰易读，同时能够帮助你减少重复计算并提高性能，因为计算属性的值会被缓存，只在必要时才重新计算。