vue_计算属性和方法的区别


在学习官网时一直没搞懂计算属性和方法的区别,查看了一些博客和资料总结了一下,

1.methods方法:

控制台打印:

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

2.computed计算属性

控制台打印:

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

 

3.总结:

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

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

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM