编辑“︁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>均输出日志。