proxyRefs() — vue Function Reference

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

Function typescript VueCore Observer calls 2

Entity Profile

VueCore→ Observer→ proxyRefs() — vue Function Reference

Dependency Diagram

graph TD
  e0d5e26d_6795_78df_131f_c2899a520a0d["proxyRefs()"]
  22b44e72_ad0a_6a98_e36a_e325291fd02b["ref.ts"]
  e0d5e26d_6795_78df_131f_c2899a520a0d -->|defined in| 22b44e72_ad0a_6a98_e36a_e325291fd02b
  cfa7ea60_e211_687f_9deb_b342e671fcc2["isReactive()"]
  e0d5e26d_6795_78df_131f_c2899a520a0d -->|calls| cfa7ea60_e211_687f_9deb_b342e671fcc2
  737b31eb_8659_a208_c047_017ebd839242["proxyWithRefUnwrap()"]
  e0d5e26d_6795_78df_131f_c2899a520a0d -->|calls| 737b31eb_8659_a208_c047_017ebd839242
  style e0d5e26d_6795_78df_131f_c2899a520a0d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/v3/reactivity/ref.ts lines 97–109

export function proxyRefs<T extends object>(
  objectWithRefs: T
): ShallowUnwrapRef<T> {
  if (isReactive(objectWithRefs)) {
    return objectWithRefs as any
  }
  const proxy = {}
  const keys = Object.keys(objectWithRefs)
  for (let i = 0; i < keys.length; i++) {
    proxyWithRefUnwrap(proxy, objectWithRefs, keys[i])
  }
  return proxy as any
}