processSlotOutlet() — vue Function Reference

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

Function typescript CompilerSFC ScriptAnalyzer calls 2 called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ processSlotOutlet() — vue Function Reference

Dependency Diagram

graph TD
  29c995ce_c25f_38b3_203f_88723e699df0["processSlotOutlet()"]
  320ee0f4_351d_a6b2_1c1c_f0f6f42fb987["index.ts"]
  29c995ce_c25f_38b3_203f_88723e699df0 -->|defined in| 320ee0f4_351d_a6b2_1c1c_f0f6f42fb987
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51["processElement()"]
  d580ca1c_dbf7_89f2_e0e4_6199ea988b51 -->|calls| 29c995ce_c25f_38b3_203f_88723e699df0
  4ed4ecb1_33ab_6e92_8439_f0a81ee997fa["getBindingAttr()"]
  29c995ce_c25f_38b3_203f_88723e699df0 -->|calls| 4ed4ecb1_33ab_6e92_8439_f0a81ee997fa
  12285829_a55a_4d30_e33b_0f5f353d570a["getRawBindingAttr()"]
  29c995ce_c25f_38b3_203f_88723e699df0 -->|calls| 12285829_a55a_4d30_e33b_0f5f353d570a
  style 29c995ce_c25f_38b3_203f_88723e699df0 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')
      )
    }
  }
}