cloneAndMarkFunctionalResult() — vue Function Reference

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

Function typescript CoreRuntime Instance calls 1 called by 1

Entity Profile

CoreRuntime→ Instance→ cloneAndMarkFunctionalResult() — vue Function Reference

Dependency Diagram

graph TD
  b544ca61_e1c2_e830_f964_cf6ac68bfd04["cloneAndMarkFunctionalResult()"]
  dfa00dc1_b5e1_fc4b_364c_221e22660e03["create-functional-component.ts"]
  b544ca61_e1c2_e830_f964_cf6ac68bfd04 -->|defined in| dfa00dc1_b5e1_fc4b_364c_221e22660e03
  b0612485_d1af_0118_4a95_5689631b7d51["createFunctionalComponent()"]
  b0612485_d1af_0118_4a95_5689631b7d51 -->|calls| b544ca61_e1c2_e830_f964_cf6ac68bfd04
  4a8e5e8b_321f_34e6_ce9b_68e90d9b717d["cloneVNode()"]
  b544ca61_e1c2_e830_f964_cf6ac68bfd04 -->|calls| 4a8e5e8b_321f_34e6_ce9b_68e90d9b717d
  style b544ca61_e1c2_e830_f964_cf6ac68bfd04 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
}