vue-router入门学习2

89 阅读1分钟

嵌套路由

1.声明子路由链接和子路由占位符

2.在父路由规则中,通过children属性嵌套声明子路由规则

1.

2,

在组件声明中重定向子路由

实操

动态路由匹配

vue-router中使用英文的冒号(:)来定义路由的参数项。

更简洁的方法

 具体流程

1.在路由规则声明中添加props:true属性。

2.在对应的组件中用props接收路由匹配到的动态参数

3.接收到动态参数后利用vue的特性渲染到页面上

实操

 编程式导航

$router.push

 注意,push()括号中的路径是用键盘左上角的间隔号包裹的,不算单引号噢

(图源网络)

 实操

$router.go

注意,不需要传参,只需要在方法中go里填入-1即可。