Vue 计算属性
Vue 的计算属性（computed properties）是一种特殊的属性，它们根据组件中其他数据的值进行缓存和计算。计算属性是基于它们的依赖进行缓存的，只有当依赖发生变化时，计算属性才会重新计算。这使得它们非常适合用于执行性能敏感的操作。
定义计算属性
在Vue实例中，你可以通过在 computed 对象中定义计算属性来使用它们：
var vm = new Vue({
el: '#app',
data: {
a: 1,
b: 2
},
computed: {
sum: function () {
return this.a + this.b;
}
}
});使用计算属性
在模板中，你可以像使用普通属性一样使用计算属性。Vue 会自动追踪计算属性的依赖，并在依赖发生变化时更新 DOM。
<div id="app">
<p>Sum: {{ sum }}</p>
</div>计算属性的特性
缓存: 计算属性默认情况下是基于它们的响应式依赖进行缓存的，只有在相关依赖发生变化时才会重新计算。
依赖追踪: Vue 能够自动追踪计算属性所依赖的数据，并在依赖发生变化时重新求值。
Getter 与Setter: 计算属性本质上是一个 getter，在需要时可以提供一个 setter 函数，从而支持双向绑定。
使用计算属性的场景
数据处理: 当需要对现有数据进行一些复杂的处理并展示结果时，比如格式化日期、排序列表等。
性能优化: 需要基于响应式数据计算一些值，并且这些值在数据不变时保持不变，可以显著提高性能。
复杂逻辑复用: 当一个逻辑需要在多个组件或模板中重复使用时，可以将其封装为计算属性，提高代码的可维护性和复用性。
计算属性是 Vue.js 中的重要概念，能够帮助你更加灵活和高效地处理动态数据绑定。