入口组件 App

app.vue 文件是Nuxt 3应用程序中的入口组件。

最小应用

在Nuxt 3中如果没有pages/目录，则表示不会包含vue-router依赖。 当我们完成一个落地页或者是不需要路由就可以这样做。

```vue [app.vue]

  2. ## pages
  5. 如果需要使用[`pages/`](https://v3.nuxtjs.org/docs/directory-structure/pages)显示相关页面的话，需要使用 `<NuxtPage>` 路由出口组件:
  7. ```vue [app.vue]
  8. <template>
  9.   <div>
  10.     <!-- 路由出口 -->
  11.     <NuxtPage/>
  12.   </div>
  13. </template>

::: info 建议 由于Nuxt 3 的路由出口<NuxtPage> 在内部使用了 <Suspense> ，因此建议只有一个根节点。 :::

::: warning 提示 app.vue是Nuxt应用程序的入口组件。您在其中添加的任何内容（JS和CSS）都是全局的，会影响到其他页面。 :::

如果需要自定义页面布局的话,请查看layouts/目录.