千锋教育前端Vue3.0全套视频教程(Kerwin2023版,Vue.js零基础

路由基本使用之路由的实现方式
Hash 路由:
使用 URL 中的哈希(#)来模拟路由,比如 example.com/#/home
通过监听 hashchange
事件来检测 URL 中哈希的变化,并根据哈希值进行相应的页面渲染和状态管理
可以使用 JavaScript 库如 window.location.hash
或第三方库比如 vue-router
来处理 Hash 路由
History 路由:
使用 HTML5 History Api中 pushState
和 replaceState
方法来修改 url,并模拟路由
通过监听 popstate
事件来响应浏览器历史记录的变化,并进行相应的页面渲染和状态管理
可以使用 JavaScript 库如 history.pushState
或第三方库如 vue-router
来处理 History 路由
库/框架提供的路由功能:
许多 JavaScript 框架和库,如 Vue.js 的 vue-router
、React 的 react-router
、Angular 的 @angular/router
等等,提供了强大的路由功能
这些库/框架将路由管理集成到其生态系统中,提供了路由定义、路由匹配、导航守卫、参数传递等功能