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

Translated page Contents of this page might be outdated.
Read the original page Improve translation of this page

O método head

O Nuxt usa vue-meta para atualizar os cabeçalhos e atributos do HTML da sua aplicação.

  • Tipo: Object ou Function

Use o método head para definir os marcadores do cabeçalho do HTML para a página atual.

<template>
  <h1>{{ title }}</h1>
</template>

<script>
  export default {
    data() {
      return {
        title: 'Hello World!'
      }
    },
    head() {
      return {
        title: this.title,
        meta: [
          // `hid` é usado como identificador único. Não use o `vmid` para isso visto que ele não funcionará
          {
            hid: 'description',
            name: 'description',
            content: 'My custom description'
          }
        ]
      }
    }
  }
</script>
Para evitar marcadores de meta duplicados quando usado em componente filho, definir um identificador único com a chave hid para os seus elementos de meta (leia mais ).