You are browsing Nuxt 2 docs. Go to Nuxt 3 docs, or learn more about Nuxt 2 Long Term Support.

Page traduite Le contenu de cette page peut être déprécié.
Lire la page originale Contribuer à cette traduction

La méthode head

Nuxt utilise vue-meta pour mettre à jour les entêtes et attributs HTML de votre application.

  • Type: Object ou Function

Utilisez la méthode head pour définir les balises d'entête HTML de votre page actuelle.

<template>
  <h1>{{ titre }}</h1>
</template>

<script>
  export default {
    data() {
      return {
        titre: 'Salut le monde !'
      }
    },
    head() {
      return {
        title: this.titre,
        meta: [
          // `hid` est un identifiant unique. N'utilisez pas `vmid` pour cela car cela ne marchera pas.
          {
            hid: 'description',
            name: 'description',
            content: 'Ma description personnalisée'
          }
        ]
      }
    }
  }
</script>