renderStatic() — vue Function Reference

Architecture documentation for the renderStatic() function in render-static.ts from the vue codebase.

Function typescript VueCore GlobalAPI calls 1

Entity Profile

VueCore→ GlobalAPI→ renderStatic() — vue Function Reference

Dependency Diagram

graph TD
  5ba7bf27_e101_d28a_78ca_f07ea9f4ddba["renderStatic()"]
  ff793352_554c_f421_d224_78b65a6278df["render-static.ts"]
  5ba7bf27_e101_d28a_78ca_f07ea9f4ddba -->|defined in| ff793352_554c_f421_d224_78b65a6278df
  ff978733_04e9_95ff_8503_71563bdfb3e7["markStatic()"]
  5ba7bf27_e101_d28a_78ca_f07ea9f4ddba -->|calls| ff978733_04e9_95ff_8503_71563bdfb3e7
  style 5ba7bf27_e101_d28a_78ca_f07ea9f4ddba fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/render-helpers/render-static.ts lines 7–26

export function renderStatic(
  index: number,
  isInFor: boolean
): VNode | Array<VNode> {
  const cached = this._staticTrees || (this._staticTrees = [])
  let tree = cached[index]
  // if has already-rendered static tree and not inside v-for,
  // we can reuse the same tree.
  if (tree && !isInFor) {
    return tree
  }
  // otherwise, render a fresh tree.
  tree = cached[index] = this.$options.staticRenderFns[index].call(
    this._renderProxy,
    this._c,
    this // for render fns generated for functional component templates
  )
  markStatic(tree, `__static__${index}`, false)
  return tree
}