updateListeners() — vue Function Reference

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

Function typescript VueCore Observer calls 2

Entity Profile

VueCore→ Observer→ updateListeners() — vue Function Reference

Dependency Diagram

graph TD
  08d8bb62_1cd3_31ec_fb43_2b40459a0542["updateListeners()"]
  53936bdc_c7c5_5f72_336a_062133943169["update-listeners.ts"]
  08d8bb62_1cd3_31ec_fb43_2b40459a0542 -->|defined in| 53936bdc_c7c5_5f72_336a_062133943169
  563f01c2_0c14_593b_4d4c_7f9572d0bbcf["normalizeEvent()"]
  08d8bb62_1cd3_31ec_fb43_2b40459a0542 -->|calls| 563f01c2_0c14_593b_4d4c_7f9572d0bbcf
  d9d418b5_5caf_d879_89fa_46602272fa33["createFnInvoker()"]
  08d8bb62_1cd3_31ec_fb43_2b40459a0542 -->|calls| d9d418b5_5caf_d879_89fa_46602272fa33
  style 08d8bb62_1cd3_31ec_fb43_2b40459a0542 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)
    }
  }
}