在学习官网时一直没搞懂计算属性和方法的区别,查看了一些博客和资料总结了一下,
1.methods方法:
控制台打印:
当修改其中一个属性时,其他属性的值都没改变,但会发现methods里的方法都被执行
2.computed计算属性
控制台打印:
会发现当修改其中一个值的时候,只会执行于其相关的方法。
3.总结:
1).methods方法和computed计算属性,两种方式的最终结果确实是完全相同
2).不同的是计算属性是基于它们的响应式依赖进行缓存的。只在相关响应式依赖发生改变时它们才会重新求值,多次访问 getAge
计算属性会立即返回之前的计算结果,而不必再次执行函数。
3).methods方法,每当触发重新渲染时,调用方法将总会再次执行函数。
4).所以,官网的一句话,对于任何复杂逻辑,你都应当使用计算属性。