updateListeners() — vue Function Reference

Architecture documentation for the updateListeners() function in update-listeners.ts from the vue codebase.

Function typescript CoreRuntime VirtualDOM calls 2

Entity Profile

CoreRuntime→ VirtualDOM→ updateListeners() — vue Function Reference

Dependency Diagram

graph TD
  40957d8d_1899_cac9_ccb9_4411b40e18c3["updateListeners()"]
  a11c2d0a_9676_19da_3fd8_66e9ef25e812["update-listeners.ts"]
  40957d8d_1899_cac9_ccb9_4411b40e18c3 -->|defined in| a11c2d0a_9676_19da_3fd8_66e9ef25e812
  6eda42b4_726b_d799_d95f_504007a0b02e["normalizeEvent()"]
  40957d8d_1899_cac9_ccb9_4411b40e18c3 -->|calls| 6eda42b4_726b_d799_d95f_504007a0b02e
  72dc3fd8_ab45_fab8_4ee3_ade3f6e39143["createFnInvoker()"]
  40957d8d_1899_cac9_ccb9_4411b40e18c3 -->|calls| 72dc3fd8_ab45_fab8_4ee3_ade3f6e39143
  style 40957d8d_1899_cac9_ccb9_4411b40e18c3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/helpers/update-listeners.ts lines 63–101

export function updateListeners(
  on: Object,
  oldOn: Object,
  add: Function,
  remove: Function,
  createOnceHandler: Function,
  vm: Component
) {
  let name, cur, old, event
  for (name in on) {
    cur = on[name]
    old = oldOn[name]
    event = normalizeEvent(name)
    if (isUndef(cur)) {
      __DEV__ &&
        warn(
          `Invalid handler for event "${event.name}": got ` + String(cur),
          vm
        )
    } else if (isUndef(old)) {
      if (isUndef(cur.fns)) {
        cur = on[name] = createFnInvoker(cur, vm)
      }
      if (isTrue(event.once)) {
        cur = on[name] = createOnceHandler(event.name, cur, event.capture)
      }
      add(event.name, cur, event.capture, event.passive, event.params)
    } else if (cur !== old) {
      old.fns = cur
      on[name] = old
    }
  }
  for (name in oldOn) {
    if (isUndef(on[name])) {
      event = normalizeEvent(name)
      remove(event.name, oldOn[name], event.capture)
    }
  }
}