Question

用vue router如何获得当前页面的路由？

Answer 1

用vue router如何获得当前页面的路由的方法如下：

路由器将自渲染对应的组件以及更新路由信息：

其中<router-view>可以传递props，支持v-ref,同时也可以使用v-transition和transition-mode来获得场景切换效果，被渲染的组件将注册到父级组件的this.$对象上。

路由对象和路由匹配：
路由对象，即$router会被注入每个组件中，可以利用它进行一些信息的获取。

如属性 说明：

$route.path 当前路由对象的路径，如'/vi
$route.query 请求参数，如/foo?user=1获取到query.user = 1
$route.router 所属路由器以及所属组件信息
$route.matched 数组，包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
$route.name 当前路径名字

当然，你也可以在自己定义路由规则（map)的时候自定义字段，用以特殊目的。

这里只是做了一些简单的介绍，最后，更多高级用法请参考官方文档。

Answer 2

可以使用vuex-router-sync将router放入到store中进行数据同步，地址: https://github.com/vuejs/vuex...

怎么使用文档很清楚，不再赘述。

加入之后 你在vue devtools控制台就可以看到router属性了。当然也可以取值操作了。