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

vue中computed方法使用;computed返回函数

文章目录

    • 1.正常使用computed
    • 2.使用computed返回可传参的函数

1.正常使用computed

一般我们使用computed返回一个变量字段,这个字段会根据具体的某个变量计算得到
例如

<div>{{num}}--{{num10}}</div>let num = ref(1)
let num10 = computed(()=>{return num.value*10
})

2.使用computed返回可传参的函数

需求:当obj变化时候,去对应的属性值;
原先使用函数,只能初次取值有效。当obj的值变化后,取不到,那么可以使用计算属性实现;注意计算属性返回的是个ref的类型变量

改造前:

<div>{{getName('aa1')}}</div>let obj = ref({aa1:1,aa2:1,aa3:1,
})
const getName = (key) => {let value = obj.value[key]return value
}

改造后:

const getName = computed(()=>{return (key) => {let value = obj.value[key]return value}
})
http://www.lryc.cn/news/545172.html

相关文章:

  • 大语言模型的评测
  • 【Vue3】浅谈setup语法糖
  • EasyRTC嵌入式WebRTC技术与AI大模型结合:从ICE框架优化到AI推理
  • 如何管理路由器
  • 【NTN 卫星通信】低轨卫星通信需要解决的关键问题
  • DOM HTML:深入理解与高效运用
  • 如何进行OceanBase 运维工具的部署和表性能优化
  • docker简介-学习与参考
  • AcWing 蓝桥杯集训·每日一题2025·密接牛追踪2
  • LeetCode 每日一题 2025/2/24-2025/3/2
  • TeX Live 2025 最新版安装与中文环境配置全教程(Windows/Mac/Linux)
  • Android实现漂亮的波纹动画
  • JAVA学习笔记038——bean的概念和常见注解标注
  • 自然语言处理NLP入门 -- 第十节NLP 实战项目 2: 简单的聊天机器人
  • 【网络安全 | 渗透工具】小程序反编译分析源码 | 图文教程
  • uniapp 系统学习,从入门到实战(六)—— 样式与布局
  • ‘ts-node‘ 不是内部或外部命令,也不是可运行的程序
  • mysql 全方位安装教程
  • 22-接雨水
  • 使用Spring Boot与达梦数据库(DM)进行多数据源配置及MyBatis Plus集成
  • leetcode28 找出字符串第一个匹配值的下标 KMP算法
  • 【Bug】natten:安装报错(临近注意力机制的高效cuda内核实现)
  • AI 实战2 - face -detect
  • Spring Boot 项目开发流程全解析
  • 从Java到MySQL8源码:深入解析PreparedStatement参数绑定与执行机制
  • mysql的主从同步
  • 工程化与框架系列(10)--微前端架构
  • 【3天快速入门WPF】11-附加属性
  • MySQL并发知识(面试高频)
  • 现存脑容知识库