学习前端框架都要学习路由机制,因为路由可以体现我们的业务逻辑,把模块串联起来,让程序换发光彩。那简单的说路由就是我们的跳转机制,也可以简单理解成链接跳转。Nuxt.js的路由并不复杂,它给我们进行了封装,让我们节省了很多配置环节。我们现在在根目录的pages文件下新建两个文件夹,about和news在about文件夹下新建index.vue文件,代码如下:在news文件夹下新建index.vue文件,代码如下:修改原来的pages文件夹下的index.vue,删除没用的代码,写入下面链接代码:结果如下:虽然上面的例子跳转已经成功,但是Nuxt.js并不推荐这个中标签的作法,它为我们准备了标签。我们先修改pages下的Index.vue文件,给新闻的跳转加上params参数,传递3306ID。

Nuxt的路由配置和参数传递方式

Nuxt的路由配置和参数传递方式

Nuxt的路由配置和参数传递方式

Nuxt的路由配置和参数传递方式

Nuxt的路由配置和参数传递方式