Home / Function/ observe() — vue Function Reference

observe() — vue Function Reference

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

Function typescript CoreInstance Reactivity called by 8

Entity Profile

Dependency Diagram

graph TD
  38718d0e_50b6_f32c_7ce6_c7fe083f1ba2["observe()"]
  1aa88392_154b_6e6d_97dc_8ac29df42778["initGlobalAPI()"]
  1aa88392_154b_6e6d_97dc_8ac29df42778 -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  7d6ab8ef_bd4c_49b2_1b21_a805de50af72["initState()"]
  7d6ab8ef_bd4c_49b2_1b21_a805de50af72 -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  a06d5e75_873a_9e84_3260_353c9ffb6493["initData()"]
  a06d5e75_873a_9e84_3260_353c9ffb6493 -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  4cc0bb10_4bb1_2181_7b32_ded7baee0a01["observeArray()"]
  4cc0bb10_4bb1_2181_7b32_ded7baee0a01 -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  345b25ad_bb77_07cb_ecf5_8b82f12ddccd["defineReactive()"]
  345b25ad_bb77_07cb_ecf5_8b82f12ddccd -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  1c6c2c60_cb0c_a3fc_17fe_30271386e3b6["set()"]
  1c6c2c60_cb0c_a3fc_17fe_30271386e3b6 -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  d99d7982_2691_1c11_3bae_459f2d25122d["validateProp()"]
  d99d7982_2691_1c11_3bae_459f2d25122d -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  89906332_8c06_b77c_4ba5_2b07c2cb4236["makeReactive()"]
  89906332_8c06_b77c_4ba5_2b07c2cb4236 -->|calls| 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2
  style 38718d0e_50b6_f32c_7ce6_c7fe083f1ba2 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)
  }
}

Domain

Subdomains

Called By

Source

Frequently Asked Questions

What does observe() do?
observe() is a function in the vue codebase.
What calls observe()?
observe() is called by 8 function(s): defineReactive, initData, initGlobalAPI, initState, makeReactive, observeArray, set, validateProp.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free