计算属性:
1.什么是计算属性?
使用vue的原有属性,经过一系列的运算/计算,最终得到了一个全新的属性,叫做计算属性。vue的原有属性:data对象当中的属性可以叫做Vue的原有属性。
全新的属性:表示生成了一个新的属性,和data中的属性无关了,新的属性也有自己的属性名和属性值。
2.计算属性怎么用?
语法格式:需要一个新的配置项computed
computed : {
//这是一个计算属性
计算属性1:{
//setter 和 getter 方法。
//当读取计算属性1的值的时候。getter方法被自动调用。
get(){
},
//当修改计算属性1的值的时候,setter方法被自动调用。
set(val){
}
},
//这是另一个计算属性
计算属性2 : {},
}
3.计算属性的作用?
代码得到了复用
代码更加便于维护
代码的执行效率更高了。
get()方法调用时机包括两个:
第一个时机:第一次访问这个属性的时候。
第二个时机:该计算属性所关联的Vue原有属性的值发生改变的时候,getter方法会被重新调用一次。