effect() — vue Function Reference

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

Function typescript VueCore VDom

Entity Profile

VueCore→ VDom→ effect() — vue Function Reference

Dependency Diagram

graph TD
  4293e343_c5d0_d20e_4ab0_3cecd55215bd["effect()"]
  069f27e9_5ae2_91da_c6c6_a92cd4436f7e["effect.ts"]
  4293e343_c5d0_d20e_4ab0_3cecd55215bd -->|defined in| 069f27e9_5ae2_91da_c6c6_a92cd4436f7e
  style 4293e343_c5d0_d20e_4ab0_3cecd55215bd 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())
    }
  }
}