Vue da comyuted va watch ma'lumotlar bilan ishlashga imkon beruvchi kuchli xususiyatlardir, lekin ular turli maqsadlarga xizmat qiladi va turli stsenariylarda qo'llaniladi. Ularning farqlari:

1. computed
Reaktiv ma'lumotlar manbalari asosida yangi qiymatlarni olish uchun foydalaniladi.Hisoblangan xususiyat har qanday bog'liqlik o'zgarganda avtomatik ravishda yangilanadi. Bu qanday ishlaydi: ular aslida qiymat qaytaradigan funksiyalardir, lekin Vue natijani keshlaydi. Hisoblangan xususiyat faqat reaktiv bog'liqliklaridan biri o'zgarganda qayta baholanadi.

Misol uchun:
computed: {
fullName() {
return this.firstName + ' ' + this.lastName;
}
}

2. watch
Ma'lumotlar o'zgarishiga javoban mantiqiy yoki yon ta'sirlarni bajarish uchun ishlatiladi.Bu qanday ishlaydi: Kuzatuvchilar - kuzatilgan xususiyat o'zgarganda chaqiriladigan qayta qo'ng'iroqlar. Ular qiymatni keshlashmaydi.

Misol uchun:
watch: {
firstName(newVal, oldVal) {
console.log('firstName changed from', oldVal, 'to', newVal);
}
}

@omatillo_dev