Jetez un coup d'œil à notre nouvelle documentation (beta) . Have fun !

API : 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.

La contribution pour cette page est maintenant fermée. Si vous souhaitez contribuer, veuillez consulter notre nouvelle documentation . Have fun !

Platinum Sponsors

Storyblok Support Us