updateDOMListeners() — vue Function Reference

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

Function typescript WebPlatform RuntimeDirectives calls 2 called by 1

Entity Profile

WebPlatform→ RuntimeDirectives→ updateDOMListeners() — vue Function Reference

Dependency Diagram

graph TD
  4456d059_c4de_8f7e_28c3_2ab1924010cb["updateDOMListeners()"]
  75791306_c1ce_5b7a_c21b_26d9c1625bea["default.destroy()"]
  75791306_c1ce_5b7a_c21b_26d9c1625bea -->|calls| 4456d059_c4de_8f7e_28c3_2ab1924010cb
  299f2646_f776_9b7d_1179_7b9087b1e66c["isUndef()"]
  4456d059_c4de_8f7e_28c3_2ab1924010cb -->|calls| 299f2646_f776_9b7d_1179_7b9087b1e66c
  eff93118_e780_b458_59bc_725956995098["normalizeEvents()"]
  4456d059_c4de_8f7e_28c3_2ab1924010cb -->|calls| eff93118_e780_b458_59bc_725956995098
  style 4456d059_c4de_8f7e_28c3_2ab1924010cb 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
}