计算属性 和 方法的区别

1.methods方法:


控制台打印:

 

当修改其中一个属性时,其他属性的值都没改变,但会发现methods里的方法都被执行

2.computed计算属性


控制台打印:

会发现当修改其中一个值的时候,只会执行于其相关的方法。

3.总结:
1).methods方法和computed计算属性,两种方式的最终结果确实是完全相同

2).不同的是计算属性是基于它们的响应式依赖进行缓存的。

    只在相关响应式依赖发生改变时它们才会重新求值,多次访问 getAge 计算属性会立即返回之前的计算结果,而不必再次执行函数。

3).methods方法,每当触发重新渲染时,调用方法将总会再次执行函数。

4).官网的一句话:对于任何复杂逻辑,你都应当使用计算属性。

原文链接:https://blog.csdn.net/weixin_38131507/article/details/104209086

原文地址:https://www.cnblogs.com/kaibindirver/p/14542377.html