createFnInvoker() — vue Function Reference

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

Function typescript VueCore GlobalAPI called by 2

Entity Profile

VueCore→ GlobalAPI→ createFnInvoker() — vue Function Reference

Dependency Diagram

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