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.

Jumpa kesalahan atau ingin berkontribusi pada dokumentasi ini? Sunting halaman ini di GitHub!