Vue--router和route的区别

一、Router

router是通过VueRouter构造函数new出来得到了的一个实例对象,这个对象是全局的路由对象,它包含了所有的路由对象和属性

类似于history对象

比较常用的属性是:

correntRoute:当前页面的路由对象

options.routes:所有的路由对象

比较常用的方法是

$router.push('url') :  跳转到指定路由

$router.back()  :  跳转上一级路由

扫描二维码关注公众号,回复: 16457700 查看本文章

$router.go(n)  :n为1时表示跳转下一级路由,-1时表示上一级路由

二、Route

route是一个页面的跳转路由对象,每一个页面都有一个route对象,是一个局部的路由对象

常见的属性有:

$route.path : 当前路由对象的路径,如' /login '

$route.params  : 路由的动态匹配参数

$route.query : 路由的查询参数的键值对,如 /login?username=hsq,那么$route.query.username==' hsq '

$route.name : 当前路由的名字,也就是路由的name属性

猜你喜欢

转载自blog.csdn.net/h18377528386/article/details/127796523