Metode head

Nuxt.js menggunakan vue-meta untuk memperbarui headers dan html attributes pada aplikasi Anda.

  • Type: Object atau Function

Gunakan metode head untuk mengatur tag HTML Head untuk halaman saat ini.

Your component data are available with this in the head method, you can use set custom meta tags with the page data. Data komponen Anda tersedia dengan this pada metode head, Anda dapat menggunakan set kustom meta tag dengan data halaman.

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

<script>
export default {
  data () {
    return {
      title: 'Hello World!'
    }
  },
  head () {
    return {
      title: this.title,
      meta: [
        { hid: 'description', name: 'description', content: 'My custom description' }
      ]
    }
  }
}
</script>

Untuk menghindari duplikasi saat menggunakannya pada "komponen child", berikan pengenal unik dengan key yang tersembunyi, [baca lebih lanjut] (https://github.com/declandewet/vue-meta#lists-of-tags).

Jumpa kesalahan atau ingin berkontribusi pada dokumentasi ini? Sunting halaman ini di GitHub!