resolveScopedSlots() — vue Function Reference

Architecture documentation for the resolveScopedSlots() function in resolve-scoped-slots.ts from the vue codebase.

Function typescript CoreRuntime Instance

Entity Profile

CoreRuntime→ Instance→ resolveScopedSlots() — vue Function Reference

Dependency Diagram

graph TD
  d692a400_4756_500b_f7b4_22833901ea6b["resolveScopedSlots()"]
  743bc9d4_d95b_7ea4_46fa_7835cd4a76de["resolve-scoped-slots.ts"]
  d692a400_4756_500b_f7b4_22833901ea6b -->|defined in| 743bc9d4_d95b_7ea4_46fa_7835cd4a76de
  style d692a400_4756_500b_f7b4_22833901ea6b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/render-helpers/resolve-scoped-slots.ts lines 4–30

export function resolveScopedSlots(
  fns: ScopedSlotsData,
  res?: Record<string, any>,
  // the following are added in 2.6
  hasDynamicKeys?: boolean,
  contentHashKey?: number
): { $stable: boolean } & { [key: string]: Function } {
  res = res || { $stable: !hasDynamicKeys }
  for (let i = 0; i < fns.length; i++) {
    const slot = fns[i]
    if (isArray(slot)) {
      resolveScopedSlots(slot, res, hasDynamicKeys)
    } else if (slot) {
      // marker for reverse proxying v-slot without scope on this.$slots
      // @ts-expect-error
      if (slot.proxy) {
        // @ts-expect-error
        slot.fn.proxy = true
      }
      res[slot.key] = slot.fn
    }
  }
  if (contentHashKey) {
    ;(res as any).$key = contentHashKey
  }
  return res as any
}