renderStatic() — vue Function Reference

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

Function typescript CoreRuntime InstanceState calls 1

Entity Profile

CoreRuntime→ InstanceState→ renderStatic() — vue Function Reference

Dependency Diagram

graph TD
  554851ec_b4b6_b89e_7486_7ccc31acd96b["renderStatic()"]
  e5b73b21_ce93_60f6_4f4e_578d2021659a["markStatic()"]
  554851ec_b4b6_b89e_7486_7ccc31acd96b -->|calls| e5b73b21_ce93_60f6_4f4e_578d2021659a
  style 554851ec_b4b6_b89e_7486_7ccc31acd96b 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
}