createElement() — vue Function Reference

Architecture documentation for the createElement() function in create-element.ts from the vue codebase.

Function typescript CoreInstance Reactivity calls 1 called by 3

Entity Profile

CoreInstance→ Reactivity→ createElement() — vue Function Reference

Dependency Diagram

graph TD
  451b8ba4_f373_c786_0c64_c3e7e51ce956["createElement()"]
  e088d580_2e3e_9093_295c_70dc92327b67["initRender()"]
  e088d580_2e3e_9093_295c_70dc92327b67 -->|calls| 451b8ba4_f373_c786_0c64_c3e7e51ce956
  7687c516_230a_8fa2_229a_3ce9660be4d2["FunctionalRenderContext()"]
  7687c516_230a_8fa2_229a_3ce9660be4d2 -->|calls| 451b8ba4_f373_c786_0c64_c3e7e51ce956
  6a642a7b_a3d4_25f7_83b6_c67e29351960["h()"]
  6a642a7b_a3d4_25f7_83b6_c67e29351960 -->|calls| 451b8ba4_f373_c786_0c64_c3e7e51ce956
  7716a396_9ff2_1c13_0212_ab7b31aad036["_createElement()"]
  451b8ba4_f373_c786_0c64_c3e7e51ce956 -->|calls| 7716a396_9ff2_1c13_0212_ab7b31aad036
  style 451b8ba4_f373_c786_0c64_c3e7e51ce956 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/vdom/create-element.ts lines 27–44

export function createElement(
  context: Component,
  tag: any,
  data: any,
  children: any,
  normalizationType: any,
  alwaysNormalize: boolean
): VNode | Array<VNode> {
  if (isArray(data) || isPrimitive(data)) {
    normalizationType = children
    children = data
    data = undefined
  }
  if (isTrue(alwaysNormalize)) {
    normalizationType = ALWAYS_NORMALIZE
  }
  return _createElement(context, tag, data, children, normalizationType)
}