Vue项目中如果引入了Vue router实例,就可以在Vue实例中通过$route访问到当前匹配到的路由对象。
$route对象代表着当前路由对象,属性包括:
path:
String,当前路由对象的名称|当前路由对象的路径,会被解析为绝对路径
query
Object,|路由中携带的查询参数
params
Object,包含路由中的动态片段和全匹配片段的键值对。
matched:
Array,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。即匹配到的所有的 RouteRecord 对象
fullPath
String,当前路由完整的路径值
如:http://example.com/#/login?name=aa
this.$route.fullPath; //输出“/login?name=aa”
hash:
当前路径的哈希值,带#
meta:
Object,当前路由元信息
name:
String,当前路径的名字,如果没有使用具名路径,则名字为空。