其实,也可以在表达式中调用方法达到同样的效果
<p>Reversed message: "{{ reversedMessage() }}"</p>
methods: {
reversedMessage: function () {
return this.message.split('').reverse().join('')
}
}
虽然上面也可以翻转字符串,但是计算属性只有在相关依赖发生改变时才会重新求值,这意味着只要message没有发生改变,多次访问reversedMessage计算属性会立即返回之前的结果。
这也意味着下面的计算属性将不再更新,因为Date.now()不是响应式依赖
computed: {
now: function () {
return Date.now()
}
}
相比之下,每当触发重新渲染时,调用方法总会再次执行函数。