一、computed的用法还有它是什么?
首先它叫计算属性,顾名思义他是用来计算属性,计算你在data模板上定义的属性(其实在插值表达式也能直接计算但是首先太长了在{{}}里面写那么多不好看,还有其他特点我在下面一起说)。
二、computed的特点优点?
-
响应式计算属性:computed属性的值是根据其依赖的响应式数据动态计算得到的。当依赖的数据发生变化时,computed属性会自动重新计算其值,并确保页面中的内容及时更新。
-
缓存:computed属性会对计算的结果进行缓存,只有在其依赖的响应式数据发生变化时才会重新计算。这意味着,如果多个地方都依赖于同一个computed属性,Vue会确保只有在必要时才会重新计算该属性的值,提高了性能。
三、计算BMI
1.如下定义个函数BMI一定要return
BMI是啥?
BMI是身体质量指数(Body Mass Index)的缩写,也称为身高体重指数。它是一种用来评估一个人体重与身高之间关系的指标,通常用于判断一个人的体重是否处于健康范围内。
BMI的计算公式是:
computed: {
BMI() {
const bmi= this.weight / (( this.height/100)**2);
return bmi.toFixed(2)
}
},
2.使用(直接页面上写BMI就行)
BMI:<text>{{BMI}} ​</text> kg/m²