Método de Cabeçalho

A Nuxt utiliza a vue-meta para atualizar os cabeçalhos e os atributos da linguagem de marcação de hipertexto da nossa aplicação.

Tipo: Object ou Function

Usamos o método head para definir os marcadores do cabeçalho da linguagem de marcação de hipertexto .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 usamos `vmid` para sito, porque não funcionará.
          {
            hid: 'description',
            name: 'description',
            content: 'My custom description'
          }
        ]
      }
    }
  }
</script>

Para evitar a duplicação de meta-marcadores quando utilizados num componente secundário (filho), configuramos um identificador único com a chave hid para os nossos meta-elementos (ler mais ).

Edit this page on GitHub Updated at Mon, Aug 19, 2024