processSlotOutlet() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 2 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ processSlotOutlet() — vue Function Reference

Dependency Diagram

graph TD
  29c1145b_2570_c09e_ed12_f2b0904043f0["processSlotOutlet()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60["processElement()"]
  31f9edc3_10e5_9556_86c6_7c900b922f60 -->|calls| 29c1145b_2570_c09e_ed12_f2b0904043f0
  2e03f8d2_4a5a_f1cd_1d7b_db95ba63549e["getBindingAttr()"]
  29c1145b_2570_c09e_ed12_f2b0904043f0 -->|calls| 2e03f8d2_4a5a_f1cd_1d7b_db95ba63549e
  03f2c56c_d011_12c3_4e53_66cf29e6eed1["getRawBindingAttr()"]
  29c1145b_2570_c09e_ed12_f2b0904043f0 -->|calls| 03f2c56c_d011_12c3_4e53_66cf29e6eed1
  style 29c1145b_2570_c09e_ed12_f2b0904043f0 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')
      )
    }
  }
}