全局执行次数计数器: num,在F12中查看。vm.message=vm.message

原始字符串: {{ message }}

计算后反转字符串 方法: {{ reversedMessage2() }}

计算后反转字符串 计算: {{ reversedMessage }}

计算后反转字符串 方法: {{ reversedMessage2() }}

计算后反转字符串 计算: {{ reversedMessage }} 使用了缓存,显示没变


computed(有缓存) vs methods
我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。

可以说使用 computed 性能会更好,但是如果你不希望缓存,你可以使用 methods 属性。