watch மற்றும் watchEffect இடையே என்ன வித்தியாசம்?

Question

Accepted Answer

இரண்டும் பயனுள்ள மாறுபாடுகளுக்கு பதிலாக பக்க விளைவுகளை இயக்குகின்றன, ஆனால் சார்புக்கள் எவ்வாறு குறிப்பிடப்படுகின்றன என்பதிலும் அவை என்ன தகவலைத் தருகின்றன என்பதிலும் வேறுபடுகின்றன. பக்க விளைவுகளுக்குப் பயன்படுத்தவும் (API அழைப்புகள், பதிவுசெய்தல், கையாளும் DOM வேலை) — மதிப்புகள் பெறுவதற்கு **அல்ல** (அது `computed`). ## watch — வெளிப்படையான மூலம், பழைய + புதிய மதிப்புகளை வழங்குகிறது ```vue ``` `watch` நீங்கள் பெயரிடும் **குறிப்பிட்ட** மூலத்தைக் கண்காணிக்கிறது, அந்த மூலம் மாறும்போது மட்டுமே கால்பேக்கை இயக்குகிறது, மேலும் **பழைய மற்றும் புதிய மதிப்புகளை** வழங்குகிறது — அவற்றை ஒப்பிடுவதோ அல்லது நிலையின் ஒரு குறிப்பிட்ட பகுதিக்கு பதிலளிப்பதோ தேவைப்படும்போது பயனுள்ளதாக இருக்கும். ## watchEffect — தானியங்கி சார்பு கண்காணிப்பு, உடனடியாக இயக்குகிறது ```vue ``` `watchEffect` அதன் உள்ளே பயன்படுத்தப்படும் ஒவ்வொரு பயனுள்ள மதிப்பையும் **தானாக கண்காணிக்கிறது** (மூல பட்டியல் இல்லை), மேலும் **ஆரம்ப அமைப்பில் உடனடியாக** இயக்குகிறது (பின்னர் যেকொனும் சார்பு மாற்றத்தில் மீண்டும் இயக்குகிறது). பழைய/புதிய மதிப்புகள் இல்லை. ## பக்க வாக்கு பக்க ```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 ``` ## இது ஏன் முக்கியம் சரியான கருவியைத் தேர்ந்தெடுப்பது தெளிவான பயனுள்ள பக்க விளைவுகளை வைத்திருக்கிறது: பெறப்பட்ட மதிப்புகளுக்கு **`computed`** ஐ பயன்படுத்தவும், ஒரு குறிப்பிட்ட மூலத்திற்கு பதிலளிக்க அல்லது பழைய/புதியவற்றை ஒப்பிட வேண்டிய போது **`watch`** ஐ பயன்படுத்தவும் (எ.கா. id மாறும்போது பெறவும்), மற்றும் பல மதிப்புகளைச் சார்ந்திருந்து அவற்றைத் தானாக கண்காணிக்க வேண்டிய விளைவுகளுக்கு **`watchEffect`** ஐ பயன்படுத்தவும். சிகரிக்கையை (`computed` க்கு பதிலாக) பெறுவதற்குப் பயன்படுத்துவது ஒரு பொதுவான எதிர்-முறை.