Apakah perbezaan antara watch dan watchEffect?

Question

Accepted Answer

Kedua-duanya menjalankan kesan sampingan sebagai tindak balas terhadap perubahan reaktif, tetapi ia berbeza dalam cara kebergantungan ditentukan dan maklumat apa yang diberikan. Gunakannya untuk kesan sampingan (panggilan API, logging, kerja DOM manual) — **bukan** untuk memperoleh nilai (itu `computed`). ## watch — sumber eksplisit, memberikan nilai lama + baru ```vue ``` `watch` memantau **sumber khusus** yang anda namakan, menjalankan panggilan balik hanya apabila sumber itu berubah, dan memberikan **nilai lama dan baru** — berguna apabila anda perlu membandingkannya atau bertindak balas terhadap satu bahagian keadaan tertentu. ## watchEffect — penjejakan kebergantungan automatik, dijalankan serta-merta ```vue ``` `watchEffect` **secara automatik menjejaki** setiap nilai reaktif yang digunakan di dalamnya (tiada senarai sumber), dan dijalankan **serta-merta semasa persediaan** (kemudian dijalankan semula apabila sebarang perubahan kebergantungan). Tiada nilai lama/baru. ## Berdampingan ```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 ``` ## Pilihan watch yang berguna ```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 ``` ## Mengapa ia penting Memilih alat yang tepat memastikan kesan sampingan reaktif tetap bersih: gunakan **`computed`** untuk nilai terperoleh, **`watch`** apabila anda perlu bertindak balas terhadap sumber khusus atau membandingkan lama/baru (contohnya ambil apabila id berubah), dan **`watchEffect`** untuk kesan yang bergantung pada beberapa nilai dan harus menjejaki mereka secara automatik. Menyelahgunakan pemantau untuk perolehan (bukan `computed`) ialah anti-corak yang biasa.