Vue 计算属性

Posted 2023-02-23

【中文标题】Vue 计算属性

【英文标题】：Vue computed properties

【发布时间】：2020-02-03 15:05:40

【问题描述】：

如果我需要在一个函数中访问一个计算属性 20 次，是否最好先将它的值分配给一个局部变量？

这会提高性能吗？

【问题讨论】：

这将是一个微优化。

DRY 当您一遍又一遍地使用相同的值时，IMO 最好将其存储在变量中，而不是每次都引用它，例如 obj.whatever

提高性能：不，因为该值已经存在并且考虑到计算的属性依赖关系不会改变，而这个 function 使用它 20 次。 （实际上DRY 是即使在性能折衷可以忽略不计的情况下也要走的路，不是吗。）

【参考方案1】：

计算的属性根据它们的反应依赖被缓存...... Computed Caching vs Methods

Vue.js 会自动缓存计算的值，只要它们的反应依赖不发生变化。

将其存储在变量中会违反直觉。

【讨论】：

好收获！这应该是答案。

是的，应该是……谢谢 ;-)