uniapp微信小程序_computed_计算BMI

一、computed的用法还有它是什么?

首先它叫计算属性,顾名思义他是用来计算属性,计算你在data模板上定义的属性(其实在插值表达式也能直接计算但是首先太长了在{{}}里面写那么多不好看,还有其他特点我在下面一起说)。

 二、computed的特点优点?

  1. 响应式计算属性:computed属性的值是根据其依赖的响应式数据动态计算得到的。当依赖的数据发生变化时,computed属性会自动重新计算其值,并确保页面中的内容及时更新。

  2. 缓存: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}} &#8203;</text> kg/m²

相关推荐

  1. uniapp_程序_NaN

    2024-03-31 01:22:01       34 阅读
  2. 程序计算器

    2024-03-31 01:22:01       25 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-31 01:22:01       91 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-31 01:22:01       97 阅读
  3. 在Django里面运行非项目文件

    2024-03-31 01:22:01       78 阅读
  4. Python语言-面向对象

    2024-03-31 01:22:01       88 阅读

热门阅读

  1. kubernetes(K8S)学习(八):K8S之常见部署方案

    2024-03-31 01:22:01       45 阅读
  2. PreparedStatement对象

    2024-03-31 01:22:01       32 阅读
  3. Acwing 1238.日志统计 双指针

    2024-03-31 01:22:01       38 阅读
  4. 对象数组与指针与引用

    2024-03-31 01:22:01       41 阅读
  5. css之flex布局文本不换行不显示省略号的解决方法

    2024-03-31 01:22:01       45 阅读
  6. 09、Lua 运算符

    2024-03-31 01:22:01       43 阅读
  7. SpringMVC源码分析(六)--参数名称解析器

    2024-03-31 01:22:01       36 阅读
  8. Web框架开发-Django-form组件

    2024-03-31 01:22:01       42 阅读