createFnInvoker() — vue Function Reference

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

Function typescript CoreRuntime Observer called by 2

Entity Profile

CoreRuntime→ Observer→ createFnInvoker() — vue Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

src/core/vdom/helpers/update-listeners.ts lines 31–61

export function createFnInvoker(
  fns: Function | Array<Function>,
  vm?: Component
): Function {
  function invoker() {
    const fns = invoker.fns
    if (isArray(fns)) {
      const cloned = fns.slice()
      for (let i = 0; i < cloned.length; i++) {
        invokeWithErrorHandling(
          cloned[i],
          null,
          arguments as any,
          vm,
          `v-on handler`
        )
      }
    } else {
      // return handler return value for single handlers
      return invokeWithErrorHandling(
        fns,
        null,
        arguments as any,
        vm,
        `v-on handler`
      )
    }
  }
  invoker.fns = fns
  return invoker
}