toRefs() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 2

Entity Profile

CompilerSFC→ ScriptAnalyzer→ toRefs() — vue Function Reference

Dependency Diagram

graph TD
  28426d93_c992_194a_11ac_aae7a5c41df3["toRefs()"]
  ada43310_8d32_ee2a_f18b_1e24fd4f8a1d["ref.ts"]
  28426d93_c992_194a_11ac_aae7a5c41df3 -->|defined in| ada43310_8d32_ee2a_f18b_1e24fd4f8a1d
  998575fc_6104_64df_b366_9135ccd9e5f9["isReactive()"]
  28426d93_c992_194a_11ac_aae7a5c41df3 -->|calls| 998575fc_6104_64df_b366_9135ccd9e5f9
  e6b8ed0b_ae2c_6b11_e0e4_f66ff5fd345c["toRef()"]
  28426d93_c992_194a_11ac_aae7a5c41df3 -->|calls| e6b8ed0b_ae2c_6b11_e0e4_f66ff5fd345c
  style 28426d93_c992_194a_11ac_aae7a5c41df3 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
}