vue Architecture Docs
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 CoreRuntime ObserverSystem called by 8

Entity Profile

Dependency Diagram

graph TD
  8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20["observe()"]
  569ea312_4d3b_007e_7375_5022a3a78a2b["initGlobalAPI()"]
  569ea312_4d3b_007e_7375_5022a3a78a2b -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  a45b86d7_95dc_3c82_51a7_1bc8c4d23289["initState()"]
  a45b86d7_95dc_3c82_51a7_1bc8c4d23289 -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  d31fad70_4d19_ce2b_d907_4d8be6615062["initData()"]
  d31fad70_4d19_ce2b_d907_4d8be6615062 -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  3934f985_209c_9657_436f_ea20137ae833["observeArray()"]
  3934f985_209c_9657_436f_ea20137ae833 -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  558ee358_0776_b0dd_fc5b_6c8f87e1a04e["defineReactive()"]
  558ee358_0776_b0dd_fc5b_6c8f87e1a04e -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  f3ed2d67_a40e_608d_185e_32b185fb8046["set()"]
  f3ed2d67_a40e_608d_185e_32b185fb8046 -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  50f52114_04b8_bc98_a41e_bc26a88ea2ab["validateProp()"]
  50f52114_04b8_bc98_a41e_bc26a88ea2ab -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  d3dda2d9_7749_e0a8_b53c_ec861b80f46e["makeReactive()"]
  d3dda2d9_7749_e0a8_b53c_ec861b80f46e -->|calls| 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20
  style 8d0e2195_5d6b_3567_6ef9_1a9c6d6caf20 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