其实,也可以在表达式中调用方法达到同样的效果

<p>Reversed message: "{{ reversedMessage() }}"</p>
methods: {
  reversedMessage: function () {
    return this.message.split('').reverse().join('')
  }
}

虽然上面也可以翻转字符串,但是计算属性只有在相关依赖发生改变时才会重新求值,这意味着只要message没有发生改变,多次访问reversedMessage计算属性会立即返回之前的结果。

这也意味着下面的计算属性将不再更新,因为Date.now()不是响应式依赖

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

相比之下,每当触发重新渲染时,调用方法总会再次执行函数。

results matching ""

    No results matching ""