toRefs() — vue Function Reference

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

Function typescript VueCore Observer calls 2

Entity Profile

VueCore→ Observer→ toRefs() — vue Function Reference

Dependency Diagram

graph TD
  34438a31_0af0_a001_2b0c_a30a1ed7d5eb["toRefs()"]
  22b44e72_ad0a_6a98_e36a_e325291fd02b["ref.ts"]
  34438a31_0af0_a001_2b0c_a30a1ed7d5eb -->|defined in| 22b44e72_ad0a_6a98_e36a_e325291fd02b
  cfa7ea60_e211_687f_9deb_b342e671fcc2["isReactive()"]
  34438a31_0af0_a001_2b0c_a30a1ed7d5eb -->|calls| cfa7ea60_e211_687f_9deb_b342e671fcc2
  ac5002b9_b356_e771_28b7_dc3f7b34e18a["toRef()"]
  34438a31_0af0_a001_2b0c_a30a1ed7d5eb -->|calls| ac5002b9_b356_e771_28b7_dc3f7b34e18a
  style 34438a31_0af0_a001_2b0c_a30a1ed7d5eb 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
}