开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第9天，点击查看活动详情
关于nuxt.js的路由，可以直接进入nuxt.js官网路由介绍文档，本文也会详细记录。
首先，了解nuxt路由，有一个重点就是nuxt.js的路由是自动生成的。
页面跳转
关于页面跳转，可以使用<nuxt-link>标签，使用方法如下：
<nuxt-link :to="{name:页面的名}">页面名</nuxt-link>
原理：使用方式和用法与vue框架中的是差不多的。
路由自动生成
基础路由
我们了解到，nuxt.js的路由是自动生成的。那么是如何自动生成法呢？
假设我们pages的目录结构如下:
那么，nuxt路由会自动生成如下配置：
动态路由
因此我们就不再需要去配置路由了，但是如果是遇到需要携带参数动态路由呢？在nuxt是由以下约定的，即：需要创建对应的以下划线作为前缀的 Vue 文件 或 目录。
我们需要将pages的目录结构配置如下:
nuxt对应的路由则会自动生成如下结构：
nuxt还新增了一个可以让你在动态路由组件中定义参数的检验方法。
嵌套路由
创建内嵌子路由，可以通过添加一个Vue文件，同时添加一个与该文件同名的目录用来存放子视图组件。
page文件结构如下：
nuxt对应的路由则会自动生成如下结构：nuxt对应的路由则会自动生成如下结构：
