processSlotOutlet() — vue Function Reference

Architecture documentation for the processSlotOutlet() function in index.ts from the vue codebase.

Function typescript TemplateCompiler HTMLParser calls 2 called by 1

Entity Profile

TemplateCompiler→ HTMLParser→ processSlotOutlet() — vue Function Reference

Dependency Diagram

graph TD
  0cf054aa_ea34_fd85_8aa8_9bd13c9a3602["processSlotOutlet()"]
  02a69150_0003_c070_7030_ea511121f64b["processElement()"]
  02a69150_0003_c070_7030_ea511121f64b -->|calls| 0cf054aa_ea34_fd85_8aa8_9bd13c9a3602
  0d1a9a6d_9f27_26ff_a82e_63f0ab50e4ee["getBindingAttr()"]
  0cf054aa_ea34_fd85_8aa8_9bd13c9a3602 -->|calls| 0d1a9a6d_9f27_26ff_a82e_63f0ab50e4ee
  46289d58_aa41_0928_dc46_0a54bc2499fe["getRawBindingAttr()"]
  0cf054aa_ea34_fd85_8aa8_9bd13c9a3602 -->|calls| 46289d58_aa41_0928_dc46_0a54bc2499fe
  style 0cf054aa_ea34_fd85_8aa8_9bd13c9a3602 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/parser/index.ts lines 749–761

function processSlotOutlet(el) {
  if (el.tag === 'slot') {
    el.slotName = getBindingAttr(el, 'name')
    if (__DEV__ && el.key) {
      warn(
        `\`key\` does not work on <slot> because slots are abstract outlets ` +
          `and can possibly expand into multiple elements. ` +
          `Use the key on a wrapping element instead.`,
        getRawBindingAttr(el, 'key')
      )
    }
  }
}