effect() — vue Function Reference

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

Function typescript CompilerSFC StyleProcessor

Entity Profile

CompilerSFC→ StyleProcessor→ effect() — vue Function Reference

Dependency Diagram

graph TD
  9e434811_c14c_62d2_6604_94549384b397["effect()"]
  f67ee11d_fb58_12ca_57cf_731c59a1b595["effect.ts"]
  9e434811_c14c_62d2_6604_94549384b397 -->|defined in| f67ee11d_fb58_12ca_57cf_731c59a1b595
  style 9e434811_c14c_62d2_6604_94549384b397 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/v3/reactivity/effect.ts lines 11–20

export function effect(fn: () => any, scheduler?: (cb: any) => void) {
  const watcher = new Watcher(currentInstance, fn, noop, {
    sync: true
  })
  if (scheduler) {
    watcher.update = () => {
      scheduler(() => watcher.run())
    }
  }
}