genHandlers() — vue Function Reference

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

Function typescript CompilerSFC ScriptCompiler calls 1 called by 1

Entity Profile

CompilerSFC→ ScriptCompiler→ genHandlers() — vue Function Reference

Dependency Diagram

graph TD
  88df0083_e08f_08d8_8a43_25ecb139b4e4["genHandlers()"]
  37199ba4_dbb1_d3e4_1b99_701b07750519["genData()"]
  37199ba4_dbb1_d3e4_1b99_701b07750519 -->|calls| 88df0083_e08f_08d8_8a43_25ecb139b4e4
  1eb92e3a_9784_90ee_bcf1_3c3fdc158d98["genHandler()"]
  88df0083_e08f_08d8_8a43_25ecb139b4e4 -->|calls| 1eb92e3a_9784_90ee_bcf1_3c3fdc158d98
  style 88df0083_e08f_08d8_8a43_25ecb139b4e4 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
  }
}