componentVNodeHooks.prepatch() — vue Function Reference

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

Function typescript CoreRuntime GlobalAPI calls 1

Entity Profile

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

Dependency Diagram

graph TD
  9a16003e_e544_eecc_85fb_60ab889293ea["componentVNodeHooks.prepatch()"]
  75058e43_64c9_ef74_0dc8_3767f108116b["updateChildComponent()"]
  9a16003e_e544_eecc_85fb_60ab889293ea -->|calls| 75058e43_64c9_ef74_0dc8_3767f108116b
  style 9a16003e_e544_eecc_85fb_60ab889293ea 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
    )
  },