API: head プロパティ

Nuxt.js では nuxt.config.js 内にアプリケーションのデフォルトのメタ情報を定義できます。それには head プロパティを使います

  • 型: Object or Function

An example nuxt.config.js:

export default {
  head: {
    titleTemplate: '%s - Nuxt.js',
    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 を経由してコンポーネントのデータにアクセスできます。詳しくは コンポーネントの head プロパティ を参照してください。

情報: 子コンポーネントでメタタグが重複しないようにするには、メタ要素に hid を使って一意の識別子を設定します。詳しくはこちらを参照してください。

Platinum Sponsors

Storyblok
Support Us