La méthode asyncData

Vous voudriez peut-être récupérer des données et faire le rendu côté serveur. Nuxt.js ajoute une méthode asyncData vous permettant de gérer des opérations asynchrones avant de définir les données du composant.

  • Type: Function

Info : Visitez le guide des données asynchrone au besoin !

asyncData est appelée avant chaque chargement de composant de page est uniquement disponible dans ce contexte. Elle peut être appelée côté serveur ou avant de naviguer sur la route correspondante. Cette méthode reçoit l'objet context comme premier argument. Vous pouvez l'utiliser afin de récupérer des données et retourner les données du composant.

Le résultat d'asyncData sera fusionné avec les données.

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

Attention : Vous N'avez PAS accès à l'instance du composant via this au sein de asyncData parce que la fonction est appelée avant d'initialiser le composant.

Vous avez vu une erreur ou vous souhaitez contribuer à la documentation ? Éditez cette page sur GitHub !