路由基本使用之路由的實(shí)現(xiàn)方式

Hash 路由：

使用 URL 中的哈希（#）來模擬路由，比如?example.com/#/home

通過監(jiān)聽?hashchange?事件來檢測 URL 中哈希的變化，并根據(jù)哈希值進(jìn)行相應(yīng)的頁面渲染和狀態(tài)管理

可以使用 JavaScript 庫如?window.location.hash?或第三方庫比如?vue-router?來處理 Hash 路由

History 路由：

使用 HTML5 History Api中?pushState?和?replaceState?方法來修改 url，并模擬路由

通過監(jiān)聽?popstate?事件來響應(yīng)瀏覽器歷史記錄的變化，并進(jìn)行相應(yīng)的頁面渲染和狀態(tài)管理

可以使用 JavaScript 庫如?history.pushState?或第三方庫如?vue-router?來處理 History 路由

庫/框架提供的路由功能：

許多 JavaScript 框架和庫，如 Vue.js 的?vue-router、React 的?react-router、Angular 的?@angular/router?等等，提供了強(qiáng)大的路由功能

這些庫/框架將路由管理集成到其生態(tài)系統(tǒng)中，提供了路由定義、路由匹配、導(dǎo)航守衛(wèi)、參數(shù)傳遞等功能