serverPrefetch

Misol

Server tomonida ma’lumotlarni olish uchun serverPrefetch lifecycle hook’idan foydalanish.

export default {
  data() {
    return {
      data: null,
    };
  },
  async serverPrefetch() {
    const response = await fetch("https://random-data-api.com/api/v2/users"); 
    this.data = await response.json();
  }
};

Ta’rif va qo‘llanilishi

serverPrefetch lifecycle hook’i faqat server tomonida render qilish (SSR) paytida ishga tushadi.

serverPrefetch lifecycle hook’i, masalan, ma’lumotlarni olish uchun ishlatiladi — agar buni faqat server tomonida bajarish kerak bo‘lsa.

serverPrefetch lifecycle hook’i asinxron funksiya sifatida ishlatiladi, shuning uchun agar u Promise qaytarsa, server Promise bajarilmaguncha (resolve bo‘lmaguncha) komponentni render qilishni kutib turadi.

Eslatma: Yuqoridagi misolda "Misolni ishga tushirish" tugmasi yo‘q, chunki misol ishlamaydi: serverPrefetch hook’i faqat server tomonida render qilish (SSR) paytida chaqiriladi.

Tegishli sahifalar

Vue qo‘llanmasi: Vue lifecycle hook’lari

JS darsligi: Asinxron JS

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish