在vue.js中,计算属性和methods方法的函数相同时,两者的最终执行结果都是相同的。然而不同的是,计算属性是基于它的依赖缓存。计算属性只有在它的相关依赖发生改变时才会重新取值。这就意味着只要 message
没有发生改变,多次访问 reversedMessage
计算属性会立即返回之前的计算结果,而不必再次执行函数。
这也同样意味着如下计算属性将不会更新,因为 Date.now()
不是响应式依赖:
computed: {
now: function () {
return Date.now()
}
}
|
相比而言,每当重新渲染的时候,method 调用总会执行函数。