Vue hayotiy sikl hooklari
Vue-dagi lifecycle hook’lari Vue ilovasining lifecycle (hayotiy sikl) jarayonidagi turli bosqichlarda kodni ishga tushirish uchun ishlatiladi.
| Lifecycle hook | Tavsif |
|---|---|
| beforeCreate | boshqa barcha lifecycle hook’laridan oldin sodir bo‘ladi |
| created | komponent initsializatsiya qilingan va biz komponent nusxasining xususiyatlariga murojaat qila olamiz |
| beforeMount | komponent hali mount qilinmagan (DOMga o‘rnatilmagan), shuning uchun DOM elementlariga murojaat qila olmaymiz |
| mounted | komponent DOM daraxtiga o‘rnatilgan (mounted), shuning uchun DOM elementlariga murojaat qila olamiz |
| beforeUpdate | Vue’ning reaktiv tizimi qayta render qilishni talab qiladigan o‘zgarishni aniqlaganda sodir bo‘ladi |
| updated | DOM daraxti yangilangandan so‘ng darhol sodir bo‘ladi |
| beforeUnmount | komponent DOMdan olib tashlanishidan biroz oldin sodir bo‘ladi |
| unmounted | komponent DOMdan olib tashlangandan keyin sodir bo‘ladi |
| errorCaptured | bola/avlod komponentida xatolik yuz berganda sodir bo‘ladi |
| renderTracked | render funksiyasi reaktiv komponentni kuzatib borish (track) uchun sozlanganda sodir bo‘ladi |
| renderTriggered | kuzatilayotgan reaktiv komponentda o‘zgarish yuz berib, natijada yangi render ishga tushganda sodir bo‘ladi |
| activated | keshlangan dinamik komponent qo‘shilganda sodir bo‘ladi (lekin u allaqachon DOMda bo‘ladi) |
| deactivated | keshlangan dinamik komponent o‘chirilganda sodir bo‘ladi (lekin DOMdan emas) |
| serverPrefetch | server tomonida render qilish (SSR) vaqtida sodir bo‘ladi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
