四十八、进阶之Nuxt 一级路由及声明式导航

（1）Nuxt一级路由

Nuxt.js依据pages目录结构自动生成vue-router模块的路由配置，不需要自己配置

例如：我们创建在pages文件夹下，创建了3个vue文件

对这个组件分别进行访问：

（2）Nuxt声明式导航

（点击直接访问相应的页面，而不需要在地址栏中切换）

1. nuxt项目的根组件是：

2. 在根组件default.vue中，添加声明式导航：

其中<nuxt-link>类似于<router-link>

3. 效果图

                 

（3）嵌套路由 即 二级路由

方法：如果要创建Film.vue的子路由，我们需要创建一个与Film同名的目录，用来存放子组件

此外，还要在父组件Film.vue中添加 <nuxt-child></nuxt-child> 为子组件预留显示的位置

1. 创建文件夹Film，以及其子组件

2. 在父组件 Film.vue为子组件预留位置

3. 效果图