router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。经常用的跳转链接就可以用this.$router.push,和router-link跳转一样。
route相当于当前正在跳转的路由对象。每一个路由都会有一个router对象,可以从里面获取name,path,params等。
1.route
通过 $route.params 获取动态路由参数
在动态路由渲染出来的组件中,可以使用 this.route 里面存放的是当前页面路由的相关信息。
2.router
vue-router 提供了许多编程式导航的 API,其中最常用的导航 API 分别是:
- this.$router.push('hash 地址')
- 跳转到指定 hash 地址,并增加一条历史记录
- this.$router.go(数值 n)
- 实现导航历史前进、后退