Nuxt - 自定义页面布局，＜Nuxt /＞ 个性化多套模板（一个项目内既要有用户正常浏览的普通页面，又要存在后台管理系统布局的页面）

前言

使用 Nuxt.js 开发项目时，遇到了带 “后台管理” 的功能，即一个正常供用户浏览的页面，点击控制台或个人中心进入后台管理界面，里面为菜单和主体内容的左右布局，点击菜单跳转路由，右侧主体内容随之更新，具体如下图所示。

本文将给您从 0-1 提供解决方案，您只需要按照步骤进行即可实现。

---

像 Vue.js 纯后台管理系统，咱们可以通过 layout 提前做好后台管理的布局，通过 实现，

但是来到了 Nuxt.js 项目中，有些朋友就懵了，

既要给到用户正常的布局页面，又要给到后台管理的布局页面，感觉根本无法下手。

该问题的解决方案，其实就是自定义两套模板，用户正常浏览的页面使用一套，后台管理使用另一套。

第一步

该默认模板，就是给 用户正常浏览的页面