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

翻訳されたページ このページのコンテンツは古い可能性があります。
原文を読む このページの翻訳を改善する

head プロパティ

Nuxt ではアプリケーションのデフォルトメタを全て head プロパティを使って nuxt.config.js 内で定義することができます

  • 型: Object または Function
nuxt.config.js
export default {
  head: {
    titleTemplate: '%s - Nuxt',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },

      // `hid` は一意の識別子として使用されます。`vmid` は動作しないので使わないでください
      { hid: 'description', name: 'description', content: 'Meta description' }
    ]
  }
}

head に指定できるオプションリストについては vue-meta ドキュメント を参照してください。

コンポーネントの関数として head を使用して this を介してコンポーネントデータにアクセスすることもできます（詳細はこちら ）。

子コンポーネントを使用した際にメタタグの重複を避けるために、meta 要素に hid キーで一意な識別子を設定してください（詳細はこちら ）。