toRefs() — vue Function Reference

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

Function typescript CoreInstance Reactivity calls 2

Entity Profile

CoreInstance→ Reactivity→ toRefs() — vue Function Reference

Dependency Diagram

graph TD
  9c32c94a_68ef_7e90_9cbd_f1d89ad7165f["toRefs()"]
  c5c37a47_bc5f_b7a2_7788_aa7ab748702f["isReactive()"]
  9c32c94a_68ef_7e90_9cbd_f1d89ad7165f -->|calls| c5c37a47_bc5f_b7a2_7788_aa7ab748702f
  c619f776_b648_0a68_f21c_f8846567229b["toRef()"]
  9c32c94a_68ef_7e90_9cbd_f1d89ad7165f -->|calls| c619f776_b648_0a68_f21c_f8846567229b
  style 9c32c94a_68ef_7e90_9cbd_f1d89ad7165f 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

CoreInstance

Subdomains

Reactivity

Calls

Source

View on GitHub

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