Cad é an difríochtaí idir watch agus watchEffect?

Question

Accepted Answer

Ritheann an dá dhíobh effeacht ar leataobh in freagra ar athruithe imoibríoch, ach bíonn difríochtaí ann i gcóir conas a shonraítear spréachuis agus cad an fhaisnéis a thugann siad duit. Úsáid iad do effeachtaí ar leataobh (glaoch API, logáil, obair DOM láimh a láimh) — **ní** do luachanna a dhíorthú (sin `computed`). ## watch — foinse soiléir, tugann sean agus nua-luachanna ```vue ``` Tugann `watch` aire do fhoinse **shonraite** ar a sonraítear agat, déanann sé rith an callback ach amháin nuair a athruithe an foinse sin, agus soláthraítear na **sean agus nua-luachanna** — úsáideach nuair is gá duit iad a chur i gcomparáid nó freagra ar phíosa sonraite stáit. ## watchEffect — foluain spréachais uathoibríoch, ritheann ar an bpointe boise ```vue ``` Leanann `watchEffect` de réir **gach luach imoibríoch** a úsáidtear taobh istigh de (gan liosta foinse), agus **ritheann ar bhonn láithreach ar an socrú** (ansin déantar athrith ar athrú spréachais ar bith). Gan sean/nua-luachanna. ## Taobh le taobh ```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 ``` ## Roghanna úsáideacha 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 ``` ## Cén fáth a bhfuil sé tábhachtach Trí an uirlis cheart a roghnú, cuireann tú effeachtaí ar leataobh imoibríoch i gcrích: úsáid **`computed`** do luachanna díorthaithe, **`watch`** nuair is gá duit freagra ar fhoinse shonraite nó sean/nua a chur i gcomparáid (m.sh. foluain nuair a athruithe id), agus **`watchEffect`** do effeachtaí ar leataobh atá ag brath ar roinnt luachanna agus ba cheart dóibh iad a leanúint go huathoibríoch. Bheith ag míniúcháin na n-uachaithe do dhíorthú (in ionad `computed`) an t-anti-pattern coitianta.