vue激活当前路由步骤详解

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue激活当前路由步骤详解，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含969字，纯文字阅读大概需要2分钟。

内容图文

这次给大家带来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属性，原因还不知道。。

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

推荐阅读：

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

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

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

内容总结

以上是互联网集市为您收集整理的vue激活当前路由步骤详解全部内容，希望文章能够帮你解决vue激活当前路由步骤详解所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---