route和router的区别

112 阅读1分钟

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栈添加新的记录