componentVNodeHooks.prepatch() — vue Function Reference

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

Function typescript VueCore Instance calls 1

Entity Profile

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

Dependency Diagram

graph TD
  ff4fa1dd_de75_4f12_4e02_24651d72a824["componentVNodeHooks.prepatch()"]
  82e2e746_8f28_fbf0_8cf7_69eca6423e4a["create-component.ts"]
  ff4fa1dd_de75_4f12_4e02_24651d72a824 -->|defined in| 82e2e746_8f28_fbf0_8cf7_69eca6423e4a
  055f956d_f3e0_f8ad_f06a_a9b3085eb888["updateChildComponent()"]
  ff4fa1dd_de75_4f12_4e02_24651d72a824 -->|calls| 055f956d_f3e0_f8ad_f06a_a9b3085eb888
  style ff4fa1dd_de75_4f12_4e02_24651d72a824 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
    )
  },