effect() — vue Function Reference

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

Function typescript CoreInstance Reactivity calls 1

Entity Profile

CoreInstance→ Reactivity→ effect() — vue Function Reference

Dependency Diagram

graph TD
  34cb2d54_d92c_2969_8771_a1a1263ce743["effect()"]
  df67762e_53ee_05bf_1358_c48dd0fc8f8d["run()"]
  34cb2d54_d92c_2969_8771_a1a1263ce743 -->|calls| df67762e_53ee_05bf_1358_c48dd0fc8f8d
  style 34cb2d54_d92c_2969_8771_a1a1263ce743 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())
    }
  }
}