在 Vue-Router 中，提供了兩種路由模式：hash 和 history。
- Hash 模式
Hash 模式本質上是通過錨點值（URL 中 # 號後面的部分）來實現路由的切換和監聽的。當 URL 中的 hash 發生變化時，路由就會根據 hash 值的變化來切換頁面，同時也可以通過監聽 hashchange 事件來實現路由變化時的回調處理。舉個例子，當用戶訪問 http://example.com/#/home 時，頁面就會加載 home 組件。
優點：使用 hash 模式時，不需要服務器端做任何配置，可以直接在前端實現路由的切換和監聽，同時也具有防止刷新頁面時路由失效的優點。
缺點：使用 hash 模式時，URL 中會出現 # 號，可能會影響 URL 美觀性，不具有傳統網站的 URL 風格。
- History 模式
History 模式使用 HTML5 History API 來實現路由切換和監聽，當用戶切換路由時，需要後端服務器配合將當前路由返回給前端。當 URL 發生變化時，可以通過瀏覽器原生的 popstate 事件來監聽路由的變化並執行相應的處理邏輯。舉個例子，當用戶訪問 http://example.com/home 時，頁面就會加載 home 組件。
優點：使用 history 模式時，能夠實現路由更加美觀，符合傳統的 URL 風格，同時也能夠使 URL 顯示的內容更加容易被搜索引擎獲取。
缺點：使用 history 模式時，需要服務器端的支持，當用戶刷新頁面時，需要後端服務器返回相應的頁面，否則會出現 404 錯誤。
總之，在選擇路由模式時，應根據項目具體情況選擇。如果需要支持刷新頁面的路由功能，可以選擇 History 模式，如果只是單頁面應用，不需要刷新頁面，可以使用 Hash 模式。