编辑“︁Vue.js计算属性缓存”︁（章节）

== 概述 ==  
计算属性（Computed Properties）是Vue.js中一种基于依赖关系动态计算的属性。其核心特性是'''缓存机制'''：只有当其依赖的响应式数据发生变化时，计算属性才会重新计算，否则直接返回缓存的结果。这种机制显著减少了不必要的计算开销，尤其适用于复杂逻辑或频繁调用的场景。

=== 与方法的区别 ===  
计算属性与方法（Methods）的关键区别在于缓存：  
* '''计算属性'''：依赖不变时直接返回缓存值。  
* '''方法'''：每次调用都会重新执行函数。  

以下示例对比两者差异：  
<syntaxhighlight lang="javascript">  
// 计算属性  
computed: {  
  cachedValue() {  
    console.log('计算属性执行');  
    return this.data * 2;  
  }  
},  

// 方法  
methods: {  
  uncachedValue() {  
    console.log('方法执行');  
    return this.data * 2;  
  }  
}  
</syntaxhighlight>  
* 若多次调用<code>cachedValue</code>，仅首次输出日志（依赖未变）。  
* 每次调用<code>uncachedValue</code>均输出日志。