updateDOMListeners() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 2 called by 1

Entity Profile

WebPlatform→ WebRuntime→ updateDOMListeners() — vue Function Reference

Dependency Diagram

graph TD
  b8d6eeb4_1bb7_3dbe_9017_1f1583ba5d60["updateDOMListeners()"]
  6661e19f_79e5_2522_a1a8_3b24052b102f["default.destroy()"]
  6661e19f_79e5_2522_a1a8_3b24052b102f -->|calls| b8d6eeb4_1bb7_3dbe_9017_1f1583ba5d60
  a1f5b8ca_b6d5_6b24_155e_038685c97c85["isUndef()"]
  b8d6eeb4_1bb7_3dbe_9017_1f1583ba5d60 -->|calls| a1f5b8ca_b6d5_6b24_155e_038685c97c85
  f7320e66_6354_0980_bd46_312d184fca09["normalizeEvents()"]
  b8d6eeb4_1bb7_3dbe_9017_1f1583ba5d60 -->|calls| f7320e66_6354_0980_bd46_312d184fca09
  style b8d6eeb4_1bb7_3dbe_9017_1f1583ba5d60 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
}