isRef() Check Whether a Value Is a Ref

Last updated: 2026-10-22

isRef() Check Whether a Value Is a Ref

isRef() tells whether a value is a ref object — handy in utilities that must handle both plain and reactive inputs.

GroupReactivity: Utilities
KindAPI
ScopeComponent
Vue Version3.0+
SSR SupportYes

📝 Syntax

isRef(count)      // true
isRef(0)          // false
isRef(reactive({}))  // false (that is a reactive proxy)

⚙️ Arguments

valueAny value

Returns:Boolean

▶ Example

Edit the code below and see the live result:

Output:

Shows 'a ref / a plain value / a plain value'.

💡 Key Points

💡 Tip Guard with isRef before touching .value so callers may pass either form.
ℹ️ Note A reactive proxy is not a ref; refs nested in objects are auto-unwrapped.
More case studies coming soon.

📚 Related Tutorials

❓ FAQ

Q When do I need it?
A In reusable utilities accepting either form, or when debugging a value's type.
Q Do isRef and isReactive overlap?
A No — ref wrappers and reactive proxies are distinct kinds.
Q Do I need it in templates?
A No — templates unwrap refs automatically.
Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏