watchSyncEffect() — vue Function Reference

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

Function typescript CoreInstance Lifecycle calls 1

Entity Profile

CoreInstance→ Lifecycle→ watchSyncEffect() — vue Function Reference

Dependency Diagram

graph TD
  3430a392_62b0_9796_2cea_f117f44bb539["watchSyncEffect()"]
  b2856354_51ef_6ef1_ec4b_ae2e72186601["doWatch()"]
  3430a392_62b0_9796_2cea_f117f44bb539 -->|calls| b2856354_51ef_6ef1_ec4b_ae2e72186601
  style 3430a392_62b0_9796_2cea_f117f44bb539 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
  )
}