nuxt.js项目中如何更换page页面的布局layout

 在nuxt.js项目的layouts文件夹中有一个默认的布局文件default.vue，它里面有一个节点，它表示页面pages里面的文件会在这个位置开始进行布局。
 default.vue文件就相当于一个布局模板，pages里面的文件默认使用该文件作为页面布局模板，那么如果我们想使用一个自己的layout布局文件该怎么做呢？可以在layouts文件夹中新建一个布局文件xxx.vue，然后在pages页面文件的script脚本中添加对自定义布局文件的引用：layout:’xxx’。如下所示：

<template>
   <ManagerHome></ManagerHome>
</template>
<script>
import ManagerHome from "../../components/manager/home";
export default {
  layout: "xxx",
  components:{
    ManagerHome
  }
}
</script>