initWatch() — vue Function Reference

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

Function typescript VueCore Instance calls 1 called by 1

Entity Profile

VueCore→ Instance→ initWatch() — vue Function Reference

Dependency Diagram

graph TD
  994c6360_e527_7425_c190_6b0b2cacf6cb["initWatch()"]
  079339bc_f0ce_0fd0_3d1b_26a2dc073616["state.ts"]
  994c6360_e527_7425_c190_6b0b2cacf6cb -->|defined in| 079339bc_f0ce_0fd0_3d1b_26a2dc073616
  ff5d1d58_05a4_1c98_682b_8814ac1fe9fd["initState()"]
  ff5d1d58_05a4_1c98_682b_8814ac1fe9fd -->|calls| 994c6360_e527_7425_c190_6b0b2cacf6cb
  4cdb033a_f511_f759_d9d2_28da362d97b1["createWatcher()"]
  994c6360_e527_7425_c190_6b0b2cacf6cb -->|calls| 4cdb033a_f511_f759_d9d2_28da362d97b1
  style 994c6360_e527_7425_c190_6b0b2cacf6cb fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

src/core/instance/state.ts lines 312–323

function initWatch(vm: Component, watch: Object) {
  for (const key in watch) {
    const handler = watch[key]
    if (isArray(handler)) {
      for (let i = 0; i < handler.length; i++) {
        createWatcher(vm, key, handler[i])
      }
    } else {
      createWatcher(vm, key, handler)
    }
  }
}