cloneVNode() — vue Function Reference

Architecture documentation for the cloneVNode() function in vnode.ts from the vue codebase.

Function typescript CoreRuntime VirtualDOM called by 2

Entity Profile

CoreRuntime→ VirtualDOM→ cloneVNode() — vue Function Reference

Dependency Diagram

graph TD
  4a8e5e8b_321f_34e6_ce9b_68e90d9b717d["cloneVNode()"]
  a13b4a2c_7af7_bcfd_03a9_13286f908ca0["vnode.ts"]
  4a8e5e8b_321f_34e6_ce9b_68e90d9b717d -->|defined in| a13b4a2c_7af7_bcfd_03a9_13286f908ca0
  b544ca61_e1c2_e830_f964_cf6ac68bfd04["cloneAndMarkFunctionalResult()"]
  b544ca61_e1c2_e830_f964_cf6ac68bfd04 -->|calls| 4a8e5e8b_321f_34e6_ce9b_68e90d9b717d
  3bb2ae4b_c366_ee68_8304_5578e138a454["createPatchFunction()"]
  3bb2ae4b_c366_ee68_8304_5578e138a454 -->|calls| 4a8e5e8b_321f_34e6_ce9b_68e90d9b717d
  style 4a8e5e8b_321f_34e6_ce9b_68e90d9b717d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/vnode.ts lines 95–119

export function cloneVNode(vnode: VNode): VNode {
  const cloned = new VNode(
    vnode.tag,
    vnode.data,
    // #7975
    // clone children array to avoid mutating original in case of cloning
    // a child.
    vnode.children && vnode.children.slice(),
    vnode.text,
    vnode.elm,
    vnode.context,
    vnode.componentOptions,
    vnode.asyncFactory
  )
  cloned.ns = vnode.ns
  cloned.isStatic = vnode.isStatic
  cloned.key = vnode.key
  cloned.isComment = vnode.isComment
  cloned.fnContext = vnode.fnContext
  cloned.fnOptions = vnode.fnOptions
  cloned.fnScopeId = vnode.fnScopeId
  cloned.asyncMeta = vnode.asyncMeta
  cloned.isCloned = true
  return cloned
}