shallowReactive() — vue Function Reference

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

Function typescript CompilerSFC TemplateTransformer calls 1 called by 2

Entity Profile

CompilerSFC→ TemplateTransformer→ shallowReactive() — vue Function Reference

Dependency Diagram

graph TD
  94784772_3664_4cb1_fcad_0275dfc601d0["shallowReactive()"]
  abfe3078_bfec_252c_2107_7cdf0dd06f08["reactive.ts"]
  94784772_3664_4cb1_fcad_0275dfc601d0 -->|defined in| abfe3078_bfec_252c_2107_7cdf0dd06f08
  68e41397_5a92_5b2b_c03f_8a2d186bd3a6["initSetup()"]
  68e41397_5a92_5b2b_c03f_8a2d186bd3a6 -->|calls| 94784772_3664_4cb1_fcad_0275dfc601d0
  baf7ea08_1387_2364_f65b_4a8d69441de0["makeReactive()"]
  baf7ea08_1387_2364_f65b_4a8d69441de0 -->|calls| 94784772_3664_4cb1_fcad_0275dfc601d0
  baf7ea08_1387_2364_f65b_4a8d69441de0["makeReactive()"]
  94784772_3664_4cb1_fcad_0275dfc601d0 -->|calls| baf7ea08_1387_2364_f65b_4a8d69441de0
  style 94784772_3664_4cb1_fcad_0275dfc601d0 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
}