watch र watchEffect बीचको भिन्नता के हो?

Question

Accepted Answer

दुबै reactive परिवर्तनको प्रतिक्रियामा side effects चलाउँछन्, तर तिनीहरू निर्भरताहरू कसरी निर्दिष्ट गरिन्छ र तिनीहरूले कस्तो जानकारी दिन्छन् भन्नेमा भिन्न हुन्छन्। Side effects (API कल, logging, manual DOM काम) को लागि तिनीहरू प्रयोग गर्नुहोस् — **होइन** मानहरू व्युत्पन्न गर्न (त्यो `computed` हो)। ## watch — explicit source, पुरानो + नयाँ मानहरू दिन्छ ```vue ``` `watch` ले **विशिष्ट** स्रोत जसलाई तपाइँ नाम दिनुहुन्छ तलवर गर्छ, callback केवल जब त्यो स्रोत परिवर्तन हुन्छ चलाउँछ, र **पुरानो र नयाँ मानहरू** प्रदान गर्छ — जब तपाइँ तिनीहरूलाई तुलना गर्न वा एक विशेष state को अंश प्रति प्रतिक्रिया दिन आवश्यक हुन्छ तब उपयोगी हुन्छ। ## watchEffect — स्वचालित निर्भरता ट्र्याकिङ्, तुरुन्त चलाउँछ ```vue ``` `watchEffect` ले **स्वचालित रूपमा ट्र्याक गर्छ** यसको भित्र प्रयोग गरिएको प्रत्येक reactive मान (स्रोत सूची छैन), र **सेटअप मा तुरुन्त चलाउँछ** (त्यसपछी कुनै पनि निर्भरता परिवर्तनमा पुन: चलाउँछ)। पुरानो/नयाँ मानहरू छैनन्। ## Side-by-side ```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 ``` ## उपयोगी 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 ``` ## यसले किन महत्त्वपूर्ण छ सही उपकरण छनोट गर्न reactive side effects सफा राखिन्छ: **`computed`** व्युत्पन्न मानहरूको लागि, **`watch`** जब तपाइँ विशिष्ट स्रोतमा प्रतिक्रिया दिन वा पुरानो/नयाँ तुलना गर्न आवश्यक हुन्छ (जस्तै id परिवर्तन हुँदा fetch गर्न), र **`watchEffect`** effects को लागि जो धेरै मानहरूमा निर्भर हुन्छ र तिनीहरूलाई स्वचालित रूपमा ट्र्याक गर्न चाहिन्छ। व्युत्पन्नको लागि watchers गलत प्रयोग गर्न (बरु `computed` को जागाको) एक सामान्य anti-pattern हो।