componentVNodeHooks.prepatch() — vue Function Reference

Architecture documentation for the componentVNodeHooks.prepatch() function in create-component.ts from the vue codebase.

Function typescript CoreRuntime Instance calls 1

Entity Profile

CoreRuntime→ Instance→ componentVNodeHooks.prepatch() — vue Function Reference

Dependency Diagram

graph TD
  e0ef4bb3_9635_a4a3_0fe6_ebbefa4d00f1["componentVNodeHooks.prepatch()"]
  a6875054_df8a_0ce4_8a16_374ce422dc53["create-component.ts"]
  e0ef4bb3_9635_a4a3_0fe6_ebbefa4d00f1 -->|defined in| a6875054_df8a_0ce4_8a16_374ce422dc53
  f10291d3_36ff_88b8_ea51_0c73b3e62367["updateChildComponent()"]
  e0ef4bb3_9635_a4a3_0fe6_ebbefa4d00f1 -->|calls| f10291d3_36ff_88b8_ea51_0c73b3e62367
  style e0ef4bb3_9635_a4a3_0fe6_ebbefa4d00f1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-component.ts lines 55–65

  prepatch(oldVnode: MountedComponentVNode, vnode: MountedComponentVNode) {
    const options = vnode.componentOptions
    const child = (vnode.componentInstance = oldVnode.componentInstance)
    updateChildComponent(
      child,
      options.propsData, // updated props
      options.listeners, // updated listeners
      vnode, // new parent vnode
      options.children // new children
    )
  },