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

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