在 Vue.js 中，计算属性（computed）具有缓存机制，这意味着计算属性的值在计算后会被缓存起来，以便在未来的访问中直接返回缓存的结果，而不需要重新计算。
1. 计算属性的机制：
- 计算属性的值是根据其所依赖的响应式数据动态计算得出的。
- 当计算属性所依赖的响应式数据发生变化时，计算属性会自动重新计算其值。
- 计算属性的值会被缓存起来，当再次访问相同的计算属性时，直接返回缓存的结果，而不会重新计算。
2. 缓存的内容：
计算属性的缓存机制主要是针对计算属性的值进行的，具体包括：
- 计算属性的最终结果值。
- 计算属性所依赖的响应式数据的值。
- 计算属性的计算逻辑。
为什么 computed 不支持异步？
Computed 属性是基于依赖值的同步计算的，这是因为 computed 的定义决定了它必须是同步的。Computed 属性的定义是“依赖值改变，computed 值就会改变”，因此 computed 必须同步地响应其依赖值的变化，以确保计算属性的稳定性和可预测性。
如果 computed 支持异步，就可能出现“依赖值改变但 computed 值未改变”的情况，这会违背 computed 的定义。因此，为了保证计算属性的行为符合其定义，Vue.js 决定不支持异步的 computed。
虽然 computed 不支持异步，但在某些情况下，你可以在 computed 中使用异步操作，但需要将异步操作的结果放在另外的属性中，而不是直接返回。因为 computed 属性的返回值必须是同步的。
computed: { asyncValue() { // 有效 return this.a + this.b; }, asyncValueWithPromise() { // 无效 const res = await new Promise(resolve => { setTimeout(() => { resolve(this.a + this.b); }); }); console.log(res); // 输出计算结果 return res; }}综上所述，computed 的缓存机制使得其具有高效的性能表现，而不支持异步操作是为了保证其稳定性和可预测性。
