app.vue
app.vue文件是Nuxt应用的主组件
如果您有
pages/目录，app.vue文件是可选的。Nuxt会自动包含一个默认的app.vue，但您仍然可以添加自己的app.vue文件来根据需要自定义结构和内容。使用方式
最简使用
在Nuxt中，pages/目录是可选的。如果不存在该目录，Nuxt将不会包含vue-router依赖。这在构建不需要路由的落地页或应用时非常有用。
app.vue
<template>
<h1>你好，世界！</h1>
</template>
阅读并编辑实时示例中的内容 Docs > Examples > Hello World.
配合页面使用
当您有pages/目录时，需要使用<NuxtPage>组件来显示当前页面：
app.vue
<template>
<NuxtPage />
</template>
您还可以直接在app.vue中定义应用的通用结构。这在需要包含全局元素（如页眉或页脚）时非常有用：
app.vue
<template>
<header>
页眉内容
</header>
<NuxtPage />
<footer>
页脚内容
</footer>
</template>
请记住，
app.vue是Nuxt应用的主组件。您在其中添加的任何内容（JS和CSS）都将是全局的，并会包含在每个页面中。配合布局使用
当您的应用需要为不同页面使用不同布局时，可以使用layouts/目录配合<NuxtLayout>组件。这允许您定义多个布局并按页面应用它们。
app.vue
<template>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</template>