计算(computed)属性与数据属性一样.computed的字面意思是"使用给定值计算".
正如其含义所示,计算(computed)属性是其相关值的计算结果(在vuejs data
properties,props
中)
例如:
data:{
lowerCase: 'abcd'
},
computed:{
uppercase(){
return this.lowerCase.toUpperCase();
}
}
在上述示例中,计算(computed)属性uppercase
依赖于数据属性lowerCase
.它把字母转换成大写.
监视属性更通用,在某种程度上更强大(有点昂贵),可以监视数据属性的变化.
总结差异:
与监视的属性不同,计算(computed)属性应该返回一个值.
计算(computed)属性与数据属性一样,可以使用