本文详细介绍了Vue中的计算属性，包括其在复杂计算中的应用、与方法的区别，以及计算属性的缓存机制。同时，文章还探讨了何时使用计算属性的setter以及如何在数据变化时通过侦听器进行响应式操作。最后，提到了在特定场景下，watch选项相对于计算属性的优势。
1.计算属性
在业务逻辑中遇到复杂的计算的时候使用计算属性
结果显示如下
2.计算属性与方法的区别
可以使用methods 来替代 computed，效果上两个都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而 methods 在重新渲染的时候，函数总会重新调用执行。computed效果会更好一下，如果场景中不想存在缓存的话，选择methods.
3.侦听属性
当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调。
4.计算属性的 setter
计算属性默认只有 getter ，不过在需要时你也可以提供一个 setter
最低0.47元/天 解锁文章
6223
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
