我们可以将每个页面都有的部分写在layout里面

一、在layouts文件夹里面新建default.vue

<template>

  <div class="default">

    头部

    <slot></slot>

    底部

  </div>

</template>

二、在app.vue里面添加NuxtLayout

<template>

  <NuxtLayout>

    <NuxtPage />

  </NuxtLayout>

</template>

运行后网页的显示

ps：是layouts不是layout，如果拼写错误会显示不出来