Vue Router是為Vue.js開發的官方路由庫，允許我們通過路由URL和組件映射來構建SPA (Single Page Application) 。在Vue Router中有兩種路由模式：hash模式和history模式。

什么是Vue Router的Hash模式？

Vue Router的Hash模式是通過改變URL的hash（即#后的字符串）來實現前端路由的功能。比如，在Hash模式下，訪問 http://localhost:8080/#/home 的時候，頁面不會重新加載，而是通過Vue Router的路由映射將組件渲染在相應的位置。

如何開啟Vue Router的Hash模式？

在Vue項目中使用Vue Router非常簡單，只需要在main.js文件中引入Vue Router，再使用Vue.use()方法安裝插件就可以了。

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './components/Home.vue'
Vue.use(VueRouter)
const routes = [
{
path: '/home',
component: Home
}
]
const router = new VueRouter({
mode: 'hash',
routes
})
new Vue({
el: '#app',
router,
render: h =>h(App)
})

如上述代碼所示，Vue Router的Hash模式是通過創建一個VueRouter實例，并將mode屬性設置為'hash'來實現的。

Hash模式的優缺點：

優點：

• 不需要服務器端支持,可以直接在瀏覽器中運行。
• 可以設置默認路由，方便用戶使用。

缺點：

• URL中會帶有#符號，不太美觀。
• 如果用戶手動修改了hash，可能會導致出錯。

Vue Router的Hash模式和History模式的區別：

Vue Router的Hash模式和History模式性質上是一致的，都是前端路由。區別在于URL的呈現方式不同:

• Hash模式: URL中帶有#符號，如 http://localhost:8080/#/home 。
• History模式: URL中不帶有#符號，如 http://localhost:8080/home 。

總結：

Vue Router的Hash模式是實現前端路由的一種方式，雖然不太美觀，但是比較簡單，不需要服務器端支持，并且可以設置默認路由，方便用戶使用。Hash模式和History模式的主要區別是URL的呈現方式不同。