App.vue - 入口组件

app.vue文件是 Nuxt3 应用程序的主要组件。

最小应用

在 Nuxt3 中，pages目录是可选的。如果不存在，Nuxt 将不包括vue-router的依赖。这在处理登陆页面或不需要路由的应用程序时很有用。

<!-- app.vue -->

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

如果需要使用pages显示相关页面的话，需要使用<NuxtPage>路由出口组件:

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

TIP

由于 Nuxt3 的路由出口<NuxtPage>在内部使用了<Suspense>，因此只允许有一个根节点。

注意

记住app.vue充当 Nuxt 应用程序的主要组件。添加到其中的任何内容（JS和CSS）都将是全局的，并包含在每个页面中。

如果需要自定义页面布局的话，请查看layouts目录。