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 VueCore Observer 4 imports 3 dependents 2 functions

Entity Profile

Dependency Diagram

graph LR
  19a79cc7_5fb4_4746_0453_f0f304dd29a7["traverse.ts"]
  76672dd6_4e87_4468_a48b_f4da793fd211["index.ts"]
  19a79cc7_5fb4_4746_0453_f0f304dd29a7 --> 76672dd6_4e87_4468_a48b_f4da793fd211
  5164a61d_92b2_9c7f_8acb_b18093afdb59["vnode.ts"]
  19a79cc7_5fb4_4746_0453_f0f304dd29a7 --> 5164a61d_92b2_9c7f_8acb_b18093afdb59
  5ad3a184_20dd_3738_991b_41d3120e21c9["VNode"]
  19a79cc7_5fb4_4746_0453_f0f304dd29a7 --> 5ad3a184_20dd_3738_991b_41d3120e21c9
  f0fec710_9627_fe4c_002d_7f657fb9e5d0["index.ts"]
  19a79cc7_5fb4_4746_0453_f0f304dd29a7 --> f0fec710_9627_fe4c_002d_7f657fb9e5d0
  093a7a23_fa4b_6464_b268_8f9d10bcaa2f["watcher.ts"]
  093a7a23_fa4b_6464_b268_8f9d10bcaa2f --> 19a79cc7_5fb4_4746_0453_f0f304dd29a7
  4b23edff_adcb_6cfb_ca7d_b6d38b4a1921["create-element.ts"]
  4b23edff_adcb_6cfb_ca7d_b6d38b4a1921 --> 19a79cc7_5fb4_4746_0453_f0f304dd29a7
  020681fa_600e_5c84_6a4e_f1289077cc78["patch.ts"]
  020681fa_600e_5c84_6a4e_f1289077cc78 --> 19a79cc7_5fb4_4746_0453_f0f304dd29a7
  style 19a79cc7_5fb4_4746_0453_f0f304dd29a7 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 VueCore 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: VueCore, 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