Want to take a look at our new docs? Our new docs are now in beta. Have fun!

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 を使って一意の識別子を設定します。詳しくはこちらを参照してください。

Contribution for this page is now closed. If you would like to contribute please check out our new docs are now in beta. Have fun!

Platinum Sponsors

StoryblokMoovweb Support Us