processSlotOutlet() — vue Function Reference

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

Function typescript VueCore VDom calls 2 called by 1

Entity Profile

VueCore→ VDom→ processSlotOutlet() — vue Function Reference

Dependency Diagram

graph TD
  a334a641_4733_d8da_3902_9c827b477827["processSlotOutlet()"]
  101d3d34_ac07_228f_62b9_5d5ac4a0ea2e["index.ts"]
  a334a641_4733_d8da_3902_9c827b477827 -->|defined in| 101d3d34_ac07_228f_62b9_5d5ac4a0ea2e
  08093d1f_a003_dbad_063e_2431482be94f["processElement()"]
  08093d1f_a003_dbad_063e_2431482be94f -->|calls| a334a641_4733_d8da_3902_9c827b477827
  58594d31_46d6_b10c_c378_911111359052["getBindingAttr()"]
  a334a641_4733_d8da_3902_9c827b477827 -->|calls| 58594d31_46d6_b10c_c378_911111359052
  f53a6d5d_35db_c75d_12ae_df402776a846["getRawBindingAttr()"]
  a334a641_4733_d8da_3902_9c827b477827 -->|calls| f53a6d5d_35db_c75d_12ae_df402776a846
  style a334a641_4733_d8da_3902_9c827b477827 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')
      )
    }
  }
}