Kakšna je razlika med watch in watchEffect?

Question

Accepted Answer

Oba vodita stranine učinke kot odziv na reaktivne spremembe, vendar se razlikujeta po tem, kako so odvisnosti navedene in kakšne informacije ti dajeta. Uporabljaj ju za stranske učinke (API klici, beleženje, ročno delo z DOM-om) — **ne** za izpeljavo vrednosti (to je `computed`). ## watch — ekspliciten vir, daje stare + nove vrednosti ```vue ``` `watch` opazuje **specifičen** vir, ki ga navedeš, poganja povratni klic samo, ko se ta vir spremeni, in zagotavlja **stare in nove vrednosti** — koristno, ko moraš primerjati vrednosti ali se odzvati na en določen del stanja. ## watchEffect — avtomatsko sledenje odvisnostim, se takoj poganja ```vue ``` `watchEffect` **avtomatsko sledi** vsaki reaktivni vrednosti, ki se uporabi v njem (brez seznama virov), in se poganja **takoj ob nastavitvi** (nato se ponovno poganja pri spremembi katere koli odvisnosti). Brez starih/novih vrednosti. ## Primerjava drug ob drugem ```text watch watchEffect Dependencies explicit (you name them) automatic (tracked from usage) Runs immediately? no (unless immediate:true) yes Old + new values? yes no Best for reacting to specific state, running an effect that depends needing prev value on several values ``` ## Koristne watch možnosti ```js watch(source, cb, { immediate: true, // run once right away (like watchEffect) deep: true, // watch nested object changes }); watch([a, b], ([newA, newB]) => {}); // watch multiple sources ``` ## Zakaj je to pomembno Izbira pravega orodja drži reaktivne stranske učinke čiste: uporabljaj **`computed`** za izpeljane vrednosti, **`watch`** ko moraš reagirati na specifičen vir ali primerjati staro/novo (npr. pridobi podatke, ko se id spremeni), in **`watchEffect`** za učinke, ki so odvisni od več vrednosti in jih morajo avtomatsko slediti. Zloupaba sledilnikov za izpeljavo (namesto `computed`) je pogost protiprimer.