genHandlers() — vue Function Reference

Architecture documentation for the genHandlers() function in events.ts from the vue codebase.

Function typescript CompilerSFC ScriptAnalyzer calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptAnalyzer→ genHandlers() — vue Function Reference

Dependency Diagram

graph TD
  95a7c3ac_04ed_a46b_41ce_c4ccc31c107e["genHandlers()"]
  9df0c99c_7b6e_9c23_9b4e_070993bcf2a3["events.ts"]
  95a7c3ac_04ed_a46b_41ce_c4ccc31c107e -->|defined in| 9df0c99c_7b6e_9c23_9b4e_070993bcf2a3
  02d2d2c1_c21e_ae8c_6eba_1f4c093c8eb4["genData()"]
  02d2d2c1_c21e_ae8c_6eba_1f4c093c8eb4 -->|calls| 95a7c3ac_04ed_a46b_41ce_c4ccc31c107e
  bf18d655_53b5_25a4_fd3a_71085d43e7be["genHandler()"]
  95a7c3ac_04ed_a46b_41ce_c4ccc31c107e -->|calls| bf18d655_53b5_25a4_fd3a_71085d43e7be
  style 95a7c3ac_04ed_a46b_41ce_c4ccc31c107e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/compiler/codegen/events.ts lines 56–78

export function genHandlers(
  events: ASTElementHandlers,
  isNative: boolean
): string {
  const prefix = isNative ? 'nativeOn:' : 'on:'
  let staticHandlers = ``
  let dynamicHandlers = ``
  for (const name in events) {
    const handlerCode = genHandler(events[name])
    //@ts-expect-error
    if (events[name] && events[name].dynamic) {
      dynamicHandlers += `${name},${handlerCode},`
    } else {
      staticHandlers += `"${name}":${handlerCode},`
    }
  }
  staticHandlers = `{${staticHandlers.slice(0, -1)}}`
  if (dynamicHandlers) {
    return prefix + `_d(${staticHandlers},[${dynamicHandlers.slice(0, -1)}])`
  } else {
    return prefix + staticHandlers
  }
}