VUE3中unref的用法
作者:互联网
2026-04-06
unref 是 Vue 3(特别是 Composition API)中一个非常常用的工具函数,用于自动“解包” ref 对象。
一句话解释:
它让你无需手动判断变量是不是 ref,就能安全地获取其原始值。
语法
ts
编辑
import { unref } from 'vue'
const value = unref(someVariable)
等价于:
ts
编辑
const value = isRef(someVariable) ? someVariable.value : someVariable
在你的代码中分析
ts
编辑
const updateIcon = async (icon: string) => {
if (unref(isLocal)) return
// ...
}
假设 isLocal 的定义可能是:
ts
编辑
// 情况1:是普通 boolean
const isLocal = false
// 情况2:是 ref
const isLocal = ref(false)
使用 unref(isLocal) 可以统一处理这两种情况:
- 如果
isLocal是ref→ 获取isLocal.value - 如果
isLocal是普通值 → 直接用isLocal
这样写更健壮,尤其在封装通用逻辑或组件时,你不知道传入的参数是 ref 还是普通值。
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
sfsDb 时序数据处理指南
04/13
NineData 成功通过国家高新技术企业认定!
04/13
腾讯云轻量应用服务器管理:自动化轻量服务器 - Openclaw Skills
04/13
系统资源监控器:实时服务器健康追踪 - Openclaw Skills
04/13
前端老兵AI学习过程
04/13
工作笔记-CodeBuddy应用探索
04/13
OpenCode 完全指南:从 0 到 100K Star 的开源 AI 编码 Agent
04/13
Day11-龙虾哥打工日记:OpenClaw救援机器人 - 主系统挂了谁来救场?
04/13
Claude Code 创始人 Boris 揭秘:团队 10 倍效率技巧
04/13
拒绝“手搓”工具!带你硬核手写 MCP Server,解锁 Agent 的无限潜能
04/13
AI精选
