计算属性与方法的本质区别是什么？

Tue, 04 Mar 2025 07:00:27 +0000

考察点分析

本题主要考察以下核心能力维度：

具体评估点：

响应式系统 > 计算属性缓存 > 依赖收集 > 模板编译优化

缓存机制：
- 计算属性基于Watcher实例实现缓存，首次计算后存储值
- 依赖项未变化时直接返回缓存值（通过dirty标志位控制）
- 对比示例：多次访问computedValue vs 多次调用methodValue()

依赖追踪：

 computed: {
 fullName() { 
 // 执行时触发this.firstName和this.lastName的getter
 return this.firstName + ' ' + this.lastName 
 }
}

模板编译差异：

 // 计算属性编译结果
_cache[1] || (
 _cache[1] = _ctx.computedValue
)

// 方法调用编译结果
_ctx.methodValue()

计算属性与方法的本质区别体现在三个方面：