Vue 中 router和route的区别

102 阅读1分钟

router

router是VueRouter的实例对象,也是一个全局的路由对象,里面有很多的属性和方法比如:

router.push:

跳转链接就可以用 this.$router.push,和router-link跳转一样

router.replace():

跟router.push作用是一样的,但是它不会向history添加新记录,而是跟它的方法名一样替换掉当前的history记录.

router.go(n):

这个方法的参数是一个整数,意思是在history记录中向前或者后退多少步,window.history.Go(n)

route

route是当前正在跳转的路由对象,可以从route里面获取hash,name ,path,query,params, fullPath等属性方法比如接受参数时使用 this.$route.query.参数名 ---- this.route.params.参数名