Vue小知识4.Vue中的计算属性

计算属性链接:https://cn.vuejs.org/v2/guide/computed.html

在我理解,使用计算属性的前提条件就是要执行一些复杂逻辑时,为了使代码更易读懂,通过使用computed计算属性将复杂的逻辑提取出来,以此进行简化。


虽然计算属性和方法methods类似,都是将复杂逻辑提取出来,但不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变,多次访问 reversedMessage 计算属性会立即返回之前的计算结果,而不必再次执行函数

此外,computed还有侦听属性,只有相关依赖的属性值发生改变时,才会重新求值。


猜你喜欢

转载自blog.csdn.net/baidu_33438652/article/details/80963820