App ファイル

app.vueファイルはNuxt 3アプリケーションのメインコンポーネントです。

最小限の使用例

Nuxt 3では、pages/ディレクトリはオプションです。存在しない場合、Nuxtはvue-routerの依存関係を含めません。これは、ルーティングが必要ないランディングページやアプリケーションを開発する際に便利です。

<template>
  <h1>Hello World!</h1>
</template>

ページでの使用法

もしpages/ディレクトリが存在する場合、現在のページを表示するためには <NuxtPage>コンポーネントを使用します。

<template>
  <div>
    <NuxtLayout>
      <NuxtPage/>
    </NuxtLayout>
  </div>
</template>

もしページごとにページの周りの構造をカスタマイズしたい場合は、layouts/ディレクトリを確認してください。