computed

61 阅读1分钟

1、为什么计算属性是函数,使用时不需要函数调用?

image.png

  • 提起计算属性,必须知道属性的getter和setter
  • 二者都是函数,取值调用getter,设置值调用setter
  • 使用方式:
  • 计算属性对象中,分别设置get: function(){} 和set: function(newValue){}
  • 一般只读,我们只用到getter,所以默认写法直接为方法

2、计算属性的缓存?

计算属性:同一个值的获取,使用计算属性,只要getter中依赖的数据不变,那么Vue会监听依赖的数据,从而进行对计算属性缓存,只要不变,只调用一次。

例子:四次使用计算属性,调用get,但是值调用了一次。 image.png

image.png

image.png

方法,同样获取值,如果用method,那么调用几次,也会执行几次,性能差

image.png

image.png

image.png