Vue的计算属性（Computed Properties）是基于它们的依赖进行缓存的。只有在相关依赖发生改变时它们才会重新求值。这是与Vue的侦听器（Watchers）和方法（Methods）不同的地方，侦听器会在数据变化时触发回调，而方法则是每次调用时都会执行相应逻辑。
具体来说，计算属性在处理复杂逻辑时非常有用，特别是当这些逻辑依赖于其他响应式属性时。由于计算属性是基于它们的响应式依赖进行缓存的，所以只要依赖没有改变，多次访问计算属性会立即返回之前缓存的结果，而无需重新执行计算逻辑。这可以大大提高性能，尤其是在处理大量计算或复杂计算时。
此外，计算属性还有一个重要的特性，那就是它们可以被用作模板中的普通属性。这意味着你可以在模板中直接使用计算属性的值，就像使用普通数据属性一样。这使得模板更加简洁和易于理解。
总的来说，使用Vue的计算属性的主要原因有以下几点：
- 性能优化：通过缓存计算结果，避免不必要的重复计算，提高性能。
- 简化模板：可以在模板中直接使用计算属性的值，无需在模板中编写复杂的逻辑。
- 响应式更新：当计算属性所依赖的数据发生变化时，计算属性会自动更新，无需手动触发。
因此，在处理复杂逻辑或需要基于其他数据属性计算新值时，使用Vue的计算属性是一个很好的选择。
