vue Architecture Docs
Home / Function/ elementToSegments() — vue Function Reference

elementToSegments() — vue Function Reference

Architecture documentation for the elementToSegments() function in codegen.ts from the vue codebase.

Function typescript ServerRenderer OptimizingCompiler calls 2 called by 2

Entity Profile

Dependency Diagram

graph TD
  0a738585_4681_2f66_e7c0_146bcca3724c["elementToSegments()"]
  d70222cb_3265_c3fc_c0cf_09247995ea9a["codegen.ts"]
  0a738585_4681_2f66_e7c0_146bcca3724c -->|defined in| d70222cb_3265_c3fc_c0cf_09247995ea9a
  a5494006_6312_2e19_7b44_a5a5eb7051f5["elementToString()"]
  a5494006_6312_2e19_7b44_a5a5eb7051f5 -->|calls| 0a738585_4681_2f66_e7c0_146bcca3724c
  075d79be_dda5_c8d2_8ce4_d7f859be1677["nodesToSegments()"]
  075d79be_dda5_c8d2_8ce4_d7f859be1677 -->|calls| 0a738585_4681_2f66_e7c0_146bcca3724c
  bab0d1f4_5d24_925c_fdf7_6073527f64b7["childrenToSegments()"]
  0a738585_4681_2f66_e7c0_146bcca3724c -->|calls| bab0d1f4_5d24_925c_fdf7_6073527f64b7
  196fe819_bb8d_b1f6_0dc9_740b319c4953["elementToOpenTagSegments()"]
  0a738585_4681_2f66_e7c0_146bcca3724c -->|calls| 196fe819_bb8d_b1f6_0dc9_740b319c4953
  style 0a738585_4681_2f66_e7c0_146bcca3724c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/server-renderer/src/optimizing-compiler/codegen.ts lines 119–149

function elementToSegments(el, state): Array<StringSegment> {
  // v-for / v-if
  if (el.for && !el.forProcessed) {
    el.forProcessed = true
    return [
      {
        type: EXPRESSION,
        value: genFor(el, state, elementToString, '_ssrList')
      }
    ]
  } else if (el.if && !el.ifProcessed) {
    el.ifProcessed = true
    return [
      {
        type: EXPRESSION,
        value: genIf(el, state, elementToString, '"<!---->"')
      }
    ]
  } else if (el.tag === 'template') {
    return childrenToSegments(el, state)
  }

  const openSegments = elementToOpenTagSegments(el, state)
  const childrenSegments = childrenToSegments(el, state)
  const { isUnaryTag } = state.options
  const close =
    isUnaryTag && isUnaryTag(el.tag)
      ? []
      : [{ type: RAW, value: `</${el.tag}>` }]
  return openSegments.concat(childrenSegments, close)
}

Domain

Subdomains

Defined In

Calls

Called By

Source

Frequently Asked Questions

What does elementToSegments() do?
elementToSegments() is a function in the vue codebase, defined in packages/server-renderer/src/optimizing-compiler/codegen.ts.
Where is elementToSegments() defined?
elementToSegments() is defined in packages/server-renderer/src/optimizing-compiler/codegen.ts at line 119.
What does elementToSegments() call?
elementToSegments() calls 2 function(s): childrenToSegments, elementToOpenTagSegments.
What calls elementToSegments()?
elementToSegments() is called by 2 function(s): elementToString, nodesToSegments.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free