nuxt--动态路由

由于公司最近在作seo的优化，用的是nuxt，没有作ssr，因此只能作一些基础的优化.

 

动态路由：把页面跳转的连接改一下

----------变成了----------------->

 

虽然我也没太懂为何这样作就算是对seo的一点基础优化了（有朋友知道，望解答）

其实我也百度了不少教程，可是都没怎么看懂，最后在技术胖那的一个视频中看明白了，在实践过程当中，仍是夭折了（缘由就是这个单词写错了，感受要被本身蠢哭）。

　　　　

这是个人项目名和它的详情页

这时候就须要建立一个新文件，跟index.vue同级，

名字呢就姑且取名为_id.vue

为何前面有个_呢，至关于这就是动态路由的标志。

　　　　

　以前页面之间的跳转是用的router-link,query传的值

　　　　

在子页面接收值是用的 $route.query.projectId（ps：query后面的变量和接收使用的是同一个）

利用动态路由以后，接受值就是$route.params.id（ps：params后面的参数就是_后面的文件名，例如_haha.vue，那么就是$route.params.haha）

这个时候页面的跳转就能够直接用a标签跳转了

　　　　

 由于courseId是后台传过来的字段名，因此这里也就直接写上去了，item是由于我这有个循环，item拿到循环里面的每一项。

这样子这个页面跳转的连接就处理好了。(排版很丑啊，随意记录学习历程)