vue Architecture Docs
Home / File/ traverse.ts — vue Source File

traverse.ts — vue Source File

Architecture documentation for traverse.ts, a typescript file in the vue codebase. 4 imports, 3 dependents.

File typescript CoreRuntime Observer 4 imports 3 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  e9c21780_b26b_d883_76bb_2657a89bfce1["traverse.ts"]
  2a298df2_21b8_7e5a_c372_51ba50c9d92d["index.ts"]
  e9c21780_b26b_d883_76bb_2657a89bfce1 --> 2a298df2_21b8_7e5a_c372_51ba50c9d92d
  a13b4a2c_7af7_bcfd_03a9_13286f908ca0["vnode.ts"]
  e9c21780_b26b_d883_76bb_2657a89bfce1 --> a13b4a2c_7af7_bcfd_03a9_13286f908ca0
  6a05321e_c7cd_43ad_21be_69c7e5fd4488["VNode"]
  e9c21780_b26b_d883_76bb_2657a89bfce1 --> 6a05321e_c7cd_43ad_21be_69c7e5fd4488
  98ce11a0_bdf1_695f_c600_ad01581fdd0c["index.ts"]
  e9c21780_b26b_d883_76bb_2657a89bfce1 --> 98ce11a0_bdf1_695f_c600_ad01581fdd0c
  acd39cb4_1b40_1f96_d7d8_00ba7dc7b283["watcher.ts"]
  acd39cb4_1b40_1f96_d7d8_00ba7dc7b283 --> e9c21780_b26b_d883_76bb_2657a89bfce1
  ed56e0c4_2667_3b26_6b70_35cd51b08810["create-element.ts"]
  ed56e0c4_2667_3b26_6b70_35cd51b08810 --> e9c21780_b26b_d883_76bb_2657a89bfce1
  0df06241_48e0_316d_48c2_6f91c7a049b1["patch.ts"]
  0df06241_48e0_316d_48c2_6f91c7a049b1 --> e9c21780_b26b_d883_76bb_2657a89bfce1
  style e9c21780_b26b_d883_76bb_2657a89bfce1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { _Set as Set, isObject, isArray } from '../util/index'
import type { SimpleSet } from '../util/index'
import VNode from '../vdom/vnode'
import { isRef } from '../../v3'

const seenObjects = new Set()

/**
 * Recursively traverse an object to evoke all converted
 * getters, so that every nested property inside the object
 * is collected as a "deep" dependency.
 */
export function traverse(val: any) {
  _traverse(val, seenObjects)
  seenObjects.clear()
  return val
}

function _traverse(val: any, seen: SimpleSet) {
  let i, keys
  const isA = isArray(val)
  if (
    (!isA && !isObject(val)) ||
    val.__v_skip /* ReactiveFlags.SKIP */ ||
    Object.isFrozen(val) ||
    val instanceof VNode
  ) {
    return
  }
  if (val.__ob__) {
    const depId = val.__ob__.dep.id
    if (seen.has(depId)) {
      return
    }
    seen.add(depId)
  }
  if (isA) {
    i = val.length
    while (i--) _traverse(val[i], seen)
  } else if (isRef(val)) {
    _traverse(val.value, seen)
  } else {
    keys = Object.keys(val)
    i = keys.length
    while (i--) _traverse(val[keys[i]], seen)
  }
}

Domain

Subdomains

Functions

Dependencies

Imported By

Source

Frequently Asked Questions

What does traverse.ts do?
traverse.ts is a source file in the vue codebase, written in typescript. It belongs to the CoreRuntime domain, Observer subdomain.
What functions are defined in traverse.ts?
traverse.ts defines 2 function(s): _traverse, traverse.
What does traverse.ts depend on?
traverse.ts imports 4 module(s): VNode, index.ts, index.ts, vnode.ts.
What files import traverse.ts?
traverse.ts is imported by 3 file(s): create-element.ts, patch.ts, watcher.ts.
Where is traverse.ts in the architecture?
traverse.ts is located at src/core/observer/traverse.ts (domain: CoreRuntime, subdomain: Observer, directory: src/core/observer).

Analyze Your Own Codebase

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

Try Supermodel Free