componentVNodeHooks.prepatch() — vue Function Reference

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

Function typescript CoreInstance Lifecycle calls 1

Entity Profile

CoreInstance→ Lifecycle→ componentVNodeHooks.prepatch() — vue Function Reference

Dependency Diagram

graph TD
  62c6c024_a0f5_5891_062c_950047611d1b["componentVNodeHooks.prepatch()"]
  8aaa5e5e_c1b8_2835_8e40_bd7e697ed38d["updateChildComponent()"]
  62c6c024_a0f5_5891_062c_950047611d1b -->|calls| 8aaa5e5e_c1b8_2835_8e40_bd7e697ed38d
  style 62c6c024_a0f5_5891_062c_950047611d1b 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
    )
  },