shallowReactive() — vue Function Reference

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

Function typescript CoreInstance Reactivity calls 1 called by 2

Entity Profile

CoreInstance→ Reactivity→ shallowReactive() — vue Function Reference

Dependency Diagram

graph TD
  ae14044b_ea73_c6de_2889_aff2cd0a567a["shallowReactive()"]
  87ac0b39_9319_5c07_1390_906641a5c4fe["initSetup()"]
  87ac0b39_9319_5c07_1390_906641a5c4fe -->|calls| ae14044b_ea73_c6de_2889_aff2cd0a567a
  89906332_8c06_b77c_4ba5_2b07c2cb4236["makeReactive()"]
  89906332_8c06_b77c_4ba5_2b07c2cb4236 -->|calls| ae14044b_ea73_c6de_2889_aff2cd0a567a
  89906332_8c06_b77c_4ba5_2b07c2cb4236["makeReactive()"]
  ae14044b_ea73_c6de_2889_aff2cd0a567a -->|calls| 89906332_8c06_b77c_4ba5_2b07c2cb4236
  style ae14044b_ea73_c6de_2889_aff2cd0a567a 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
}