shallowReactive() — vue Function Reference

Architecture documentation for the shallowReactive() function in reactive.ts from the vue codebase.

Function typescript CoreRuntime VNodePatch calls 1 called by 2

Entity Profile

CoreRuntime→ VNodePatch→ shallowReactive() — vue Function Reference

Dependency Diagram

graph TD
  5e0e8149_c084_bc65_f3b4_53709d2e0da8["shallowReactive()"]
  0172bfc6_ac03_78a5_d338_b37f7a86af7a["initSetup()"]
  0172bfc6_ac03_78a5_d338_b37f7a86af7a -->|calls| 5e0e8149_c084_bc65_f3b4_53709d2e0da8
  d3dda2d9_7749_e0a8_b53c_ec861b80f46e["makeReactive()"]
  d3dda2d9_7749_e0a8_b53c_ec861b80f46e -->|calls| 5e0e8149_c084_bc65_f3b4_53709d2e0da8
  d3dda2d9_7749_e0a8_b53c_ec861b80f46e["makeReactive()"]
  5e0e8149_c084_bc65_f3b4_53709d2e0da8 -->|calls| d3dda2d9_7749_e0a8_b53c_ec861b80f46e
  style 5e0e8149_c084_bc65_f3b4_53709d2e0da8 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/v3/reactivity/reactive.ts lines 45–51

export function shallowReactive<T extends object>(
  target: T
): ShallowReactive<T> {
  makeReactive(target, true)
  def(target, ReactiveFlags.IS_SHALLOW, true)
  return target
}