vue中计算属性与方法的不同之缓存

今天没太多进展，只是看了一点vue.js官网的一些东西。说实话，看的很吃力。今天总结一下vue中计算属性computed和方法methods在缓存上的区别。
以上两幅图中，实现的功能是相同的：将message的值反转。
图一是像绑定普通属性一样在模板中绑定计算属性，reversedMessage依赖于message，当 message 发生改变时，所有依赖 reversedMessage 的绑定也会更新。
图二是在表达式中调用方法。
【区别】计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不必再次执行函数。相比之下，每当触发重新渲 4000 染时，调用方法将总会再次执行函数。如果你不希望有缓存，请用方法来替代。