$router
是“路由实例对象”,包括了路由的跳转方法、钩子函数、以及一些子对象等。
常见的$router使用场景:
// 路由跳转
this.$router.push("/login");
// 取出路由中定义的对象
this.$router.options.routes
$route
是“路由信息对象”,包括path,params,hash,query,fullPath,matched,name等路由信息参数。
每一个路由都会有一个$route对象,是一个局部的对象。
-
$route.path
当前路由对象的路径(绝对路径),如 “/home/student” 。 -
$route.params
包含路由中的动态片段和全匹配片段的键值对。 -
$route.query
包含路由中查询参数的键值对 -
$route.matched
数组,当前匹配的路径中所包含的所有片段所对应的配置参数对象。 -
$route.name
当前路径的名字,若没有定义路径,则名字为空。