resolveScopedSlots() — vue Function Reference

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

Function typescript VueCore Instance

Entity Profile

VueCore→ Instance→ resolveScopedSlots() — vue Function Reference

Dependency Diagram

graph TD
  ad106614_9913_0861_2e56_2c1f8e56f370["resolveScopedSlots()"]
  dd8dfe4b_a02b_1bc3_09c9_3c17eb0dcb1c["resolve-scoped-slots.ts"]
  ad106614_9913_0861_2e56_2c1f8e56f370 -->|defined in| dd8dfe4b_a02b_1bc3_09c9_3c17eb0dcb1c
  style ad106614_9913_0861_2e56_2c1f8e56f370 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
}