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

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

globalName プロパティ

Nuxt ではメインの HTML テンプレートで使用されるグローバルな ID とメインとなる Vue インスタンス名、その他オプションをカスタマイズできます。

  • 型: String
  • デフォルト: nuxt
nuxt.config.js
{
  globalName: 'myCustomName'
}
globalName は有効な JavaScript 識別子である必要があるので、変更することで Nuxt の名前がついた関数に依存する特定のプラグインが機能しなくなる可能性があります。表示されている __nuxt HTML ID を変更するだけの場合は globals プロパティを使ってください。

globals プロパティ

デフォルトで globalName に基づいた特定のグローバル名をカスタマイズします。

  • 型: Object
  • デフォルト:
nuxt.config.js
globals: {
  id: globalName => `__${globalName}`,
  nuxt: globalName => `$${globalName}`,
  context: globalName => `__${globalName.toUpperCase()}__`,
  pluginPrefix: globalName => globalName,
  readyCallback: globalName => `on${_.capitalize(globalName)}Ready`,
  loadedCallback: globalName => `_on${_.capitalize(globalName)}Loaded`
},