真传一句话,假传万卷书。
其实一句话就能解释清楚,那就是在计算属性computed中,计算出来的属性会被缓存,重复使用计算出来的属性不用重复调用函数。而在函数methods中每次使用需要计算的属性都会调用函数。
所以,相对环境下,计算属性的性能会比函数高很多
接下来讲讲计算属性computed的本质。
computed: {
name() {
return
}
}
(这种写法其实是计算属性的一种简写)
computed: {
name: {
set(){
return
}
get(){
return
}
}
}
(在计算属性中传入的是一个属性,而在这个属性又有两个方法。在读取数据时vue自动调用get方法,在设置值时使用set方法)
所以我们现在能够理解,为什么使用计算属性时不需要像调用方法时在后面跟上小括号,因为我们确实只是在使用属性而已。
<--------------------------------------------------------------------------->
我们一般不希望计算属性被修改所以set方法被简写隐藏掉了,要是还是想要使用set方法
只需要添加上set(){}
就好了