updateDOMListeners() — vue Function Reference

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

Function typescript WebPlatform RuntimeModules calls 1 called by 1

Entity Profile

WebPlatform→ RuntimeModules→ updateDOMListeners() — vue Function Reference

Dependency Diagram

graph TD
  f23fc88e_9232_6fcf_1ad5_147a5fa89b5c["updateDOMListeners()"]
  a96f977a_276b_ffab_5b5b_538f5f278c2e["events.ts"]
  f23fc88e_9232_6fcf_1ad5_147a5fa89b5c -->|defined in| a96f977a_276b_ffab_5b5b_538f5f278c2e
  c0cfa421_2993_9542_6375_e5d49811a38c["default.destroy()"]
  c0cfa421_2993_9542_6375_e5d49811a38c -->|calls| f23fc88e_9232_6fcf_1ad5_147a5fa89b5c
  187ccc03_9020_8449_4ea3_424a9a9dba90["normalizeEvents()"]
  f23fc88e_9232_6fcf_1ad5_147a5fa89b5c -->|calls| 187ccc03_9020_8449_4ea3_424a9a9dba90
  style f23fc88e_9232_6fcf_1ad5_147a5fa89b5c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/platforms/web/runtime/modules/events.ts lines 108–120

function updateDOMListeners(oldVnode: VNodeWithData, vnode: VNodeWithData) {
  if (isUndef(oldVnode.data.on) && isUndef(vnode.data.on)) {
    return
  }
  const on = vnode.data.on || {}
  const oldOn = oldVnode.data.on || {}
  // vnode is empty when removing all listeners,
  // and use old vnode dom element
  target = vnode.elm || oldVnode.elm
  normalizeEvents(on)
  updateListeners(on, oldOn, add, remove, createOnceHandler, vnode.context)
  target = undefined
}