updateDOMListeners() — vue Function Reference

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

Function typescript WebPlatform WebRuntime calls 1 called by 1

Entity Profile

WebPlatform→ WebRuntime→ updateDOMListeners() — vue Function Reference

Dependency Diagram

graph TD
  48536d2e_cdb6_dc8e_1e4a_c0a94b4830b8["updateDOMListeners()"]
  fa3254df_d7fb_4fb8_94ec_97ddce44d626["events.ts"]
  48536d2e_cdb6_dc8e_1e4a_c0a94b4830b8 -->|defined in| fa3254df_d7fb_4fb8_94ec_97ddce44d626
  43c56fe8_bbf5_75cb_3321_7ded6e9f119c["default.destroy()"]
  43c56fe8_bbf5_75cb_3321_7ded6e9f119c -->|calls| 48536d2e_cdb6_dc8e_1e4a_c0a94b4830b8
  045c3cb3_2129_57bb_a5a9_b4a98b3b7f67["normalizeEvents()"]
  48536d2e_cdb6_dc8e_1e4a_c0a94b4830b8 -->|calls| 045c3cb3_2129_57bb_a5a9_b4a98b3b7f67
  style 48536d2e_cdb6_dc8e_1e4a_c0a94b4830b8 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
}