vue激活当前路由步骤详解

这次给大家带来vue激活当前路由步骤详解，vue激活当前路由的注意事项有哪些，下面就是实战案例，一起来看一下。

一个 route object（路由信息对象） 表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的 route records（路由记录）。

route object 是 immutable（不可变） 的，每次成功的导航后都会产生一个新的对象。

route object 出现在多个地方:

在组件内，即 this.$route

在 $route 观察者回调内

router.match(location) 的返回值 （在main.js可以获取当前激活路由信息）

注意：

this.$route的path和router.match(location)的path是不一样的，他们都有一个属性fullpath,值是hash和path的拼接，router.match(location)在我这里一直是等于/login，应该是指向根路由，hash是带上描点#的当前路由路径，因此，要使用router.match(location)获取当前激活的路由，只能使用hash属性，原因还不知道。。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

vue1与vue2获取dom元素步骤详解

Vue动态创建与删除数据步骤详解

以上就是vue激活当前路由步骤详解的详细内容，更多请关注php中文网其它相关文章！