嵌套路由
1.声明子路由链接和子路由占位符
2.在父路由规则中,通过children属性嵌套声明子路由规则
1.
2,
在组件声明中重定向子路由
实操
动态路由匹配
在vue-router中使用英文的冒号(:)来定义路由的参数项。
更简洁的方法
具体流程
1.在路由规则声明中添加props:true属性。
2.在对应的组件中用props接收路由匹配到的动态参数
3.接收到动态参数后利用vue的特性渲染到页面上
实操
编程式导航
$router.push
注意,push()括号中的路径是用键盘左上角的间隔号包裹的,不算单引号噢
(图源网络)
实操
$router.go
注意,不需要传参,只需要在方法中go里填入-1即可。