第四章：app.vue —— 总控室，不一定复杂，但一定关键

1 分钟 231 字第 131 / 962 个阅读单元

官方文档很明确：app.vue 是 Nuxt 应用的主组件。

如果你没有 app/pages/，Nuxt 甚至可以不引入路由系统，直接把 app.vue 当整个应用入口。

最小写法：

vue

<!-- app/app.vue -->
<template>
  <h1>软件城市电视台</h1>
</template>

如果你启用了页面系统，那 app.vue 里通常要放 <NuxtPage />：

vue

<!-- app/app.vue -->
<template>
  <header>软件城市电视台</header>
  <NuxtPage />
  <footer>版权所有</footer>
</template>

如果还要接布局系统，再包一层 <NuxtLayout>：

vue

<!-- app/app.vue -->
<template>
  <NuxtLayout>
    <NuxtPage />
  </NuxtLayout>
</template>

可以把它理解成：