Vue的hash跳转原理是怎样的？

本文共计1092个文字，预计阅读时间需要5分钟。

在new VueRouter时，我们可以传入一个mode属性，它可接收三个值：hash、history、abstract。

hash与history的区别：- hash模式使用URL的hash部分（即#后跟的内容）来模拟一个完整的URL，不会触发实际的页面跳转。- history模式利用HTML5的history API（pushState和popState事件）来实现URL的变化，不会在地址栏显示#。

history的优点：- 路径更美观，例如：http://yoursite.com/user/id- 基于pushState实现，可以更好地控制URL的变化。

总结：- UR

在new vueRouter的时候我们可以传入一个mode属性，他可以接收三个值：hash/history/abstract

hash和history的区别

history的路径更美观一点 比如yoursite.com/user/id,history是基于pushState()来完成 URL 跳转而无须重新加载页面。 但是强制刷新还是会有问题（服务端来解决这个问题），所以history模式需要后端人员配合使用。