一、定义
计算属性就是当其依赖属性的值发生变化时,这个属性的值会自动更新,预支相关的DOM部分也会同步自动更新。(有缓存)
二、用法
1.基础用法
computed:{
getN(){
return this.n-1
}
}
2.传递参数(返回一个函数)
<h1>{{ total(10) }}</h1>
total(){
return function(i){
return this.price*i
}
}
三、原理
计算属性的值不能直接修改
computed:{
total:{
get:function(){
return this.num
},
set:function(val){
this.num = val
}
}
}
四、应用场景
大量计算的时候,比如
五、计算属性 和 方法的区别
六、计算属性 和 watch 区别