observe() — vue Function Reference

Architecture documentation for the observe() function in index.ts from the vue codebase.

Function typescript CoreRuntime Observer called by 7

Entity Profile

CoreRuntime→ Observer→ observe() — vue Function Reference

Dependency Diagram

graph TD
  c50e49cd_c223_e73e_c96d_1c8391fde3c1["observe()"]
  012c0986_6b9d_ad59_8fba_57884312dd3b["index.ts"]
  c50e49cd_c223_e73e_c96d_1c8391fde3c1 -->|defined in| 012c0986_6b9d_ad59_8fba_57884312dd3b
  ee699f75_f5be_8f7a_91c2_18232c62b421["initGlobalAPI()"]
  ee699f75_f5be_8f7a_91c2_18232c62b421 -->|calls| c50e49cd_c223_e73e_c96d_1c8391fde3c1
  ceeb400a_fb7f_c638_1feb_8311db20c105["initState()"]
  ceeb400a_fb7f_c638_1feb_8311db20c105 -->|calls| c50e49cd_c223_e73e_c96d_1c8391fde3c1
  71dd8c80_4600_3a78_a4ac_26befd4658cc["initData()"]
  71dd8c80_4600_3a78_a4ac_26befd4658cc -->|calls| c50e49cd_c223_e73e_c96d_1c8391fde3c1
  17657a1e_b0a2_0135_b657_5fa134adbfec["observeArray()"]
  17657a1e_b0a2_0135_b657_5fa134adbfec -->|calls| c50e49cd_c223_e73e_c96d_1c8391fde3c1
  772e5b8f_95bc_3463_fed7_f1034ba985e1["defineReactive()"]
  772e5b8f_95bc_3463_fed7_f1034ba985e1 -->|calls| c50e49cd_c223_e73e_c96d_1c8391fde3c1
  30a55d4c_1b7d_ce16_2a1e_1bfee103e294["set()"]
  30a55d4c_1b7d_ce16_2a1e_1bfee103e294 -->|calls| c50e49cd_c223_e73e_c96d_1c8391fde3c1
  b943403b_6390_a1db_4eec_d4fea1238518["validateProp()"]
  b943403b_6390_a1db_4eec_d4fea1238518 -->|calls| c50e49cd_c223_e73e_c96d_1c8391fde3c1
  style c50e49cd_c223_e73e_c96d_1c8391fde3c1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/observer/index.ts lines 104–123

export function observe(
  value: any,
  shallow?: boolean,
  ssrMockReactivity?: boolean
): Observer | void {
  if (value && hasOwn(value, '__ob__') && value.__ob__ instanceof Observer) {
    return value.__ob__
  }
  if (
    shouldObserve &&
    (ssrMockReactivity || !isServerRendering()) &&
    (isArray(value) || isPlainObject(value)) &&
    Object.isExtensible(value) &&
    !value.__v_skip /* ReactiveFlags.SKIP */ &&
    !isRef(value) &&
    !(value instanceof VNode)
  ) {
    return new Observer(value, shallow, ssrMockReactivity)
  }
}