当前位置: 首页 > article >正文

【Uniapp-Vue3】computed计算属性用法及方法对比

如果我们想要将两个响应式变量进行某种运算,就可以使用computed计算属性。

比如下面这个例子中,输入名和姓合成全名,可以用直接显示的方法:

 

我们也可以使用computed属性:

import {computed} from "vue";

let 变量名 = computed(()=>{计算过程});

 当然,我们也可以使用函数来实现这个效果:

那么这两种方法有什么区别呢?

先来看用函数返回的形式:

我运算结果会弹出很多次“计算fullName” 。

 

我们在使用computed的情况下来看看:

很明显,输出“计算fullName”的次数少了很多。 

 

所以我们可以得出结论,使用computed能够缓存,也就是说我们在DOM上渲染3次计算属性值,都只会触发一次,因为有缓存。 


http://www.kler.cn/a/473107.html

相关文章:

  • 加速科技荣获“浙江省企业研究院”认定
  • 微信小程序map组件所有markers展示在视野范围内
  • 基于LabVIEW的BeamGage自动化接口应用
  • 【QT】增删改查 XML 文件的类
  • 大数据高级ACP学习笔记(2)
  • sunrays-framework(太阳射线框架搭建)
  • Scratch024(糖饼印花)
  • 数据分析思维(九):分析方法——AARRR模型分析方法
  • docker minio镜像arm64架构
  • Ruby语言的软件开发工具
  • 精选2款.NET开源的博客系统
  • 表达式翻译 一
  • Agentic AI 深度剖析
  • Spark创建多种数据格式的DataFrame
  • 消息队列:原理、问题与设计全解析
  • BERT模型详解及代码复现
  • JAVA学习记录3
  • vue之element-ui文件上传(二)
  • Blockly 二次封装
  • 沁恒CH32V208GBU6定时器:开启定时器读取RSSI并且定时器单位为广播间隔单位一样;自动重装载定时器与关闭定时器
  • Elasticsearch(三)
  • 解决SSH连接时遇到的“远程主机身份验证已更改 (WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED!)”警告
  • 八万字Java面试高频题目汇总(冲刺春招!)
  • Lua语言的函数实现
  • Objective-C语言的文件操作
  • wireshark抓包工具新手使用教程