cloneAndMarkFunctionalResult() — vue Function Reference

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

Function typescript CoreRuntime GlobalAPI calls 1 called by 1

Entity Profile

CoreRuntime→ GlobalAPI→ cloneAndMarkFunctionalResult() — vue Function Reference

Dependency Diagram

graph TD
  079fe9e4_9316_0c39_6c2f_32a3b4a3e378["cloneAndMarkFunctionalResult()"]
  d79e8d83_cfdc_ef26_76af_cc7f688eafce["createFunctionalComponent()"]
  d79e8d83_cfdc_ef26_76af_cc7f688eafce -->|calls| 079fe9e4_9316_0c39_6c2f_32a3b4a3e378
  3bd0be47_0029_9365_a5ae_2fa98a6da372["cloneVNode()"]
  079fe9e4_9316_0c39_6c2f_32a3b4a3e378 -->|calls| 3bd0be47_0029_9365_a5ae_2fa98a6da372
  style 079fe9e4_9316_0c39_6c2f_32a3b4a3e378 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
}