route对象表示当前的路由信息,包含了当前URL解析得到的信息,包括当前的路径、参数、query对象等
route是一个跳转路由的对象,每一个路由都有一个route对象,是一个局部对象
- $route.path 对应当前路由的路径(绝对路径)
- $route.params 路由参数
- $route.query 路由参数
- $route.hash 当前路由的hash值,如果没有则为空字符串
- $route.name 当前路径名字
- $route.mate 路由元信息
router对象是全局路由的实例,是router构造方法的实例。
router是vueRouter的一个对象,通过Vue.use(VUeRouter)和VueRouter构造函数得到的一个全局的实例对象
路由实例方法
// push
this.$router.push()
等同于<router-link :to='' />
push方法的跳转会向history栈添加一个新的记录,当我们点击浏览器按钮的返回按钮时可以看到之前的页面。
// go
this.$router.go(-1) 后退
// replace
this.$router.replace()
不会向history栈添加新的记录