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!