vue Architecture Docs
Home / Function/ toRefs() — vue Function Reference

toRefs() — vue Function Reference

Architecture documentation for the toRefs() function in ref.ts from the vue codebase.

Function typescript CoreRuntime VNodePatch calls 2

Entity Profile

Dependency Diagram

graph TD
  cc2b31f1_d883_aa50_06f8_97f8ff6c1fc4["toRefs()"]
  7673a120_6161_8253_592c_2125fb6cfd5d["isReactive()"]
  cc2b31f1_d883_aa50_06f8_97f8ff6c1fc4 -->|calls| 7673a120_6161_8253_592c_2125fb6cfd5d
  8cd6bec1_60c2_832f_556e_2bc2e21ed86e["toRef()"]
  cc2b31f1_d883_aa50_06f8_97f8ff6c1fc4 -->|calls| 8cd6bec1_60c2_832f_556e_2bc2e21ed86e
  style cc2b31f1_d883_aa50_06f8_97f8ff6c1fc4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/v3/reactivity/ref.ts lines 190–199

export function toRefs<T extends object>(object: T): ToRefs<T> {
  if (__DEV__ && !isReactive(object)) {
    warn(`toRefs() expects a reactive object but received a plain one.`)
  }
  const ret: any = isArray(object) ? new Array(object.length) : {}
  for (const key in object) {
    ret[key] = toRef(object, key)
  }
  return ret
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does toRefs() do?
toRefs() is a function in the vue codebase.
What does toRefs() call?
toRefs() calls 2 function(s): isReactive, toRef.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free