shallowReactive() — vue Function Reference

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

Function typescript VueCore VDom calls 1 called by 2

Entity Profile

VueCore→ VDom→ shallowReactive() — vue Function Reference

Dependency Diagram

graph TD
  752741bd_d268_dc94_2907_951371b7b204["shallowReactive()"]
  e84ea476_9f30_e7b9_aaa0_4026f0c97365["reactive.ts"]
  752741bd_d268_dc94_2907_951371b7b204 -->|defined in| e84ea476_9f30_e7b9_aaa0_4026f0c97365
  febe102d_0cde_5025_1bb0_883314aa12fa["initSetup()"]
  febe102d_0cde_5025_1bb0_883314aa12fa -->|calls| 752741bd_d268_dc94_2907_951371b7b204
  fb664353_aa86_ef8d_2524_f4204cadf9fe["makeReactive()"]
  fb664353_aa86_ef8d_2524_f4204cadf9fe -->|calls| 752741bd_d268_dc94_2907_951371b7b204
  fb664353_aa86_ef8d_2524_f4204cadf9fe["makeReactive()"]
  752741bd_d268_dc94_2907_951371b7b204 -->|calls| fb664353_aa86_ef8d_2524_f4204cadf9fe
  style 752741bd_d268_dc94_2907_951371b7b204 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
}