Ingin melihat dokumen baru kami? Kami dokumen baru sekarang dalam versi beta. Selamat bersenang-senang!

API: Metode asyncData

Metode asyncData

Anda mungkin ingin mengambil data dan me-render-nya di sisi-server. Nuxt.js menambahkan metode asyncData yang memungkinkan Anda menangani operasi async sebelum mengatur data komponen.

  • Tipe: Function

asyncData dipanggil setiap saat sebelum memuat komponen (hanya untuk komponen halaman). Ini bisa dipanggil dari sisi-server atau sebelum menavigasi ke rute yang sesuai. Metode ini menerima objek context sebagai argumen pertama, Anda dapat menggunakannya untuk mengambil beberapa data dan mengembalikan data komponen.

Hasil dari asyncData akan digabung dengan data.

export default {
  data() {
    return { project: 'default' }
  },
  asyncData(context) {
    return { project: 'nuxt' }
  }
}

Anda TIDAK memiliki akses instansi komponen menggunakan this di dalam asyncData karena dia dipanggil sebelum memulai (initiating) komponennya.

Kontribusi untuk halaman ini sekarang ditutup. Jika Anda ingin berkontribusi, silakan periksa dokumen baru sekarang dalam versi beta. Selamat bersenang-senang!

Platinum Sponsors

Storyblok Support Us