vue.js初探:计算属性和methods

时间:2023-12-26 21:53:13

在vue.js中,计算属性和methods方法的函数相同时,两者的最终执行结果都是相同的。然而不同的是,计算属性是基于它的依赖缓存。计算属性只有在它的相关依赖发生改变时才会重新取值。这就意味着只要 message 没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数。

这也同样意味着如下计算属性将不会更新,因为 Date.now() 不是响应式依赖:

computed: {
now: function () {
return Date.now()
}
}

相比而言,每当重新渲染的时候,method 调用总会执行函数。