一、簡介

~~~~~~~~ ????????在Vue.js中，路由模式是用來管理應用程序中不同頁面之間的導航的機制。Vue Router支持兩種常見的路由模式：history模式和hash模式。

1. History 模式：
   ~~~~~~~~ ????????History模式使用瀏覽器的history.pushState API 來管理路由。它通過修改瀏覽器的URL來實現導航，而不會產生像hash模式那樣的"#"符號。

   ①使用History模式的優點：

   • 更加美觀的URL：URL不包含"#"符號，看起來更加清晰、美觀。
   • 更自然的導航：URL看起來像傳統的URL，更符合用戶習慣。

   ②使用History模式的缺點：

   • 需要服務器支持：因為使用history模式時，瀏覽器的URL會發生變化，所以需要服務器配置以確保在直接訪問URL時能夠正確響應。

   啟用History模式，你需要在Vue Router的初始化中設置mode為history：

   const router = new VueRouter({mode: 'history',routes: [// 路由配置]
   });
   

2. Hash 模式
   ~~~~~~ ??????Hash模式使用瀏覽器的URL中的"#“符號來實現導航。當URL中的hash改變時，不會觸發頁面刷新，而會通過監聽hashchange事件來更新視圖。
   ①使用Hash模式的優點：
   ~~~~~~~~ ????????兼容性好：不需要服務器特殊配置，兼容性更好。
   ~~~~~~~~ ????????簡單易用：不需要額外的服務器配置，即可開始使用。
   ②使用Hash模式的缺點：
   ~~~~~~~~ ????????URL中包含”#"符號：URL看起來不太美觀，可能不如history模式那樣友好。
   啟用Hash模式，是Vue Router的默認模式，你不需要特別設置，除非你想使用history模式。

總之，Vue Router的history模式和hash模式在URL展示和瀏覽器支持方面有所不同，你可以根據項目需求選擇適合的路由模式。