动态路由的实现方式在路径后面加上/:
自定义的名字
注意1:
在hash地址中
/后面
的参数项,叫做路径参数 ;在路由参数对象中,需要使用this.$route.params来访问
路径参数;
在hash地址中,
?后面
的参数项,叫做查询参数,在路由参数对象中,需要使用this.$route.query来访问
查询参数;
下图写法为声明式路由(相当于a标签):
开启props传参过后,在需要使用的页面通过props属性来接收
注意2:
this.$route 路由的参数对象
this.$router 路由的导航对象
以下几种写法均为编程式导航
:
this.$router.push()
跳转之后能返回到上一个页面
this.$router.replace()
跳转之后不能返回到上一个页面
this.$router.go()
值为正表示前进,值为负表示后退
在实际开发中,一般只会前进和后退一层页面,
可简写成以下两个方法:
this.$router.back()
返回
this.$router.forward()
前进