cloneVNode() — vue Function Reference

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

Function typescript VueCore VDom called by 2

Entity Profile

VueCore→ VDom→ cloneVNode() — vue Function Reference

Dependency Diagram

graph TD
  a14a84ee_0539_7537_3b2a_242996539b59["cloneVNode()"]
  5164a61d_92b2_9c7f_8acb_b18093afdb59["vnode.ts"]
  a14a84ee_0539_7537_3b2a_242996539b59 -->|defined in| 5164a61d_92b2_9c7f_8acb_b18093afdb59
  7d168d01_2689_bb30_fafb_ed29568d8865["cloneAndMarkFunctionalResult()"]
  7d168d01_2689_bb30_fafb_ed29568d8865 -->|calls| a14a84ee_0539_7537_3b2a_242996539b59
  dca56857_b66b_81ec_c7d3_4029eaf84e02["createPatchFunction()"]
  dca56857_b66b_81ec_c7d3_4029eaf84e02 -->|calls| a14a84ee_0539_7537_3b2a_242996539b59
  style a14a84ee_0539_7537_3b2a_242996539b59 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
}