Cila është ndryshimi midis watch dhe watchEffect?

Question

Accepted Answer

Të dyja ekzekutojnë efekte anësore si përgjigje ndaj ndryshimeve reaktive, por ndryshojnë në mënyrën se si specifikohen varësitë dhe çfarë informacioni të japin. Përdoriti për efekte anësore (thirrjet API, regjistrim, puna manuale e DOM-it) — **jo** për nxjerrjen e vlerave (kjo është `computed`). ## watch — burim eksplicit, jep vlera të vjetra + të reja ```vue ``` `watch` monitoron një burim **specifik** që emëron, ekzekuton funksionin kthyes vetëm kur ndryshon ai burim, dhe siguron vlerat **e vjetra dhe të reja** — e dobishme kur duhet të krahasosh vlera ose të reagosh ndaj një pjese specifike të gjendjes. ## watchEffect — ndjekje automatike e varësive, ekzekutohet menjëherë ```vue ``` `watchEffect` **ndjek automatikisht** çdo vlerë reaktive të përdorur brenda tij (pa listë burimi), dhe ekzekutohet **menjëherë në konfigurimin fillestar** (pastaj ekzekutohet përsëri në çdo ndryshim të varësisë). Nuk ka vlera të vjetra/të reja. ## Krahasim anash për anash ```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 ``` ## Opsionet e dobishme të watch ```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 ``` ## Pse është e rëndësishme Zgjedhja e mjetit të duhur mban efektet anësore reaktive të pasterta: përdor **`computed`** për vlera të nxjerra, **`watch`** kur duhet të reagosh ndaj një burimi specifik ose krahasoje të vjetrën/të reja (p.sh. merrni të dhëna kur ndryshon një id), dhe **`watchEffect`** për efekte që varen nga disa vlera dhe duhet t'i ndjekin automatikisht. Zgabu i përdorimit të ndërtuesve për nxjerrje (në vend të `computed`) është një anti-model i zakonshëm.