watchSyncEffect() — vue Function Reference

Architecture documentation for the watchSyncEffect() function in apiWatch.ts from the vue codebase.

Function typescript VueCore VDom calls 1

Entity Profile

VueCore→ VDom→ watchSyncEffect() — vue Function Reference

Dependency Diagram

graph TD
  2ddd940b_baff_85a1_bb93_8a3674891dd2["watchSyncEffect()"]
  e5380f01_49bc_d965_1141_151fb5c6c097["apiWatch.ts"]
  2ddd940b_baff_85a1_bb93_8a3674891dd2 -->|defined in| e5380f01_49bc_d965_1141_151fb5c6c097
  bfa86000_56fb_9b0f_e681_81fbf55feaec["doWatch()"]
  2ddd940b_baff_85a1_bb93_8a3674891dd2 -->|calls| bfa86000_56fb_9b0f_e681_81fbf55feaec
  style 2ddd940b_baff_85a1_bb93_8a3674891dd2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/v3/apiWatch.ts lines 81–92

export function watchSyncEffect(
  effect: WatchEffect,
  options?: DebuggerOptions
) {
  return doWatch(
    effect,
    null,
    (__DEV__
      ? { ...options, flush: 'sync' }
      : { flush: 'sync' }) as WatchOptionsBase
  )
}