observe() — vue Function Reference

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

Function typescript VueCore Observer called by 7

Entity Profile

VueCore→ Observer→ observe() — vue Function Reference

Dependency Diagram

graph TD
  b757abbc_61ef_2454_445e_6bb830e92333["observe()"]
  af395f8e_1ac5_a239_71b7_fd29a1c03d2c["index.ts"]
  b757abbc_61ef_2454_445e_6bb830e92333 -->|defined in| af395f8e_1ac5_a239_71b7_fd29a1c03d2c
  157a933a_63b7_ebeb_71f9_e11bccd3097b["initGlobalAPI()"]
  157a933a_63b7_ebeb_71f9_e11bccd3097b -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  ff5d1d58_05a4_1c98_682b_8814ac1fe9fd["initState()"]
  ff5d1d58_05a4_1c98_682b_8814ac1fe9fd -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  7fefa529_2ae1_e1d5_64aa_7ae21a5e9376["initData()"]
  7fefa529_2ae1_e1d5_64aa_7ae21a5e9376 -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  61775709_acae_0dfb_ce5f_30156271b1e7["observeArray()"]
  61775709_acae_0dfb_ce5f_30156271b1e7 -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  dea83477_00f1_3c8b_f0a1_584882807d1f["defineReactive()"]
  dea83477_00f1_3c8b_f0a1_584882807d1f -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  3f865d9f_787c_7a50_d9a7_bb5acf03eb88["set()"]
  3f865d9f_787c_7a50_d9a7_bb5acf03eb88 -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  7425417e_e38e_e5e8_6678_47ee9b0e04c2["validateProp()"]
  7425417e_e38e_e5e8_6678_47ee9b0e04c2 -->|calls| b757abbc_61ef_2454_445e_6bb830e92333
  style b757abbc_61ef_2454_445e_6bb830e92333 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)
  }
}