1.构建路由
点击首页中的“课程”,是固定路由。因为每次点击它,出来的界面都是course下的index.vue页面。
路径是固定地址,不发生变化。
2.在pages目录下创建文件夹course,在其中创建index.vue
3.查看课程路由的效果
4.完善index.vue
直接复制页面代码
查看效果:
5.在course文件夹中,创建_id.vue
直接复制页面代码
6.查看某个课程的效果
点击课程路由下的某个课程,会在url中添加id,根据id跳转到该课程页面。是动态路由。
每次生成的路由路径都不一样。
NUXT的动态路由是以下划线开头的vue文件。参数名为下划线后边的文件名。
7.“名师”路由
8.名师路由的页面,某位名师的页面
9.查看名师效果