cloneAndMarkFunctionalResult() — vue Function Reference

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

Function typescript VueCore Instance calls 1 called by 1

Entity Profile

VueCore→ Instance→ cloneAndMarkFunctionalResult() — vue Function Reference

Dependency Diagram

graph TD
  7d168d01_2689_bb30_fafb_ed29568d8865["cloneAndMarkFunctionalResult()"]
  414b37af_5f63_dee7_31a2_9a7cad5979ec["create-functional-component.ts"]
  7d168d01_2689_bb30_fafb_ed29568d8865 -->|defined in| 414b37af_5f63_dee7_31a2_9a7cad5979ec
  8e06d47c_8725_0580_db2e_8b6ce77e9953["createFunctionalComponent()"]
  8e06d47c_8725_0580_db2e_8b6ce77e9953 -->|calls| 7d168d01_2689_bb30_fafb_ed29568d8865
  a14a84ee_0539_7537_3b2a_242996539b59["cloneVNode()"]
  7d168d01_2689_bb30_fafb_ed29568d8865 -->|calls| a14a84ee_0539_7537_3b2a_242996539b59
  style 7d168d01_2689_bb30_fafb_ed29568d8865 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-functional-component.ts lines 153–174

function cloneAndMarkFunctionalResult(
  vnode,
  data,
  contextVm,
  options,
  renderContext
) {
  // #7817 clone node before setting fnContext, otherwise if the node is reused
  // (e.g. it was from a cached normal slot) the fnContext causes named slots
  // that should not be matched to match.
  const clone = cloneVNode(vnode)
  clone.fnContext = contextVm
  clone.fnOptions = options
  if (__DEV__) {
    ;(clone.devtoolsMeta = clone.devtoolsMeta || ({} as any)).renderContext =
      renderContext
  }
  if (data.slot) {
    ;(clone.data || (clone.data = {})).slot = data.slot
  }
  return clone
}