Vue.js 的路由通常是通过 Vue Router 这个官方的路由管理器来实现的。 Vue Router 支持两种路由模式：++hash 模式和 history 模式。++下面是这两种模式的详细解释：
1. Hash 模式
Hash 模式是 Vue Router 的默认模式，它的实现原理是基于浏览器对 URL 中 # 后面的部分（称为 hash）的处理。
URL 形式：
URL 中会包含一个 # 符号，例如 http://example.com/#/user/profile。
原理：
浏览器不会向服务器发送 hash 部分的内容，因此改变 hash 不会引起页面的重新加载。
兼容性：
由于所有浏览器都支持 hash，因此不需要服务器端的支持，可以在任何环境下使用。
历史记录：
hash 变化会被浏览器记录在历史记录中，可以通过浏览器的前进和后退按钮来导航。
API：
可以通过 window.location.hash 来读取或设置 hash 值，通过 hashchange 事件监听 hash 的变化。
2. History 模式
History 模式利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法，允许在不刷新页面的情况下，改变浏览器的历史记录。
URL 形式：
URL 不包含 # 符号，看起来和正常的 URL 没有区别，例如 http://example.com/user/profile。
原理：
通过 pushState() 和 replaceState() 方法来改变 URL，而不会发送请求到服务器。
兼容性：
需要浏览器支持 HTML5 History API，大多数现代浏览器都支持这一特性。
服务器配置：
由于 URL 变化不会引起页面重新加载，当用户直接访问某个路由时，服务器需要配置能够处理所有可能的 URL，通常是通过重定向到入口页面（例如 index.html），然后由前端路由来处理。
历史记录：
与 Hash 模式类似，URL 变化会被记录在历史记录中，用户可以通过前进和后退按钮来导航。
API：
通过 history.pushState() 和 history.replaceState() 来添加和修改历史记录，通过 popstate 事件监听历史记录的变化。
如何选择路由模式
如果你的应用程序不需要 SEO 支持 ，或者你不需要在意 URL 的美观性，可以选择 Hash 模式，因为它更简单，不需要服务器端的支持。
如果你的应用程序需要 SEO 支持，或者你希望 URL 看起来更加简洁，那么你应该选择 History 模式。但是，你需要确保服务器已经正确配置了对于所有路由的回退路由。