请阐述 Vue Router 中实现页面跳转和 URL 变化所支持的不同路由模式，并比较这些模式在实现原理、使用场景和注意事项上的差异。
考察说明
考查对 Vue Router 核心路由模式的理解，包括实现机制和适用场景的辨析。
回答思路
- 【回答框架 1】Vue Router 主要提供三种路由模式：hash 模式、history 模式和 abstract 模式。hash 模式基于 URL 的 hash 部分（# 及其后内容）进行路由切换，通过监听 hashchange 事件实现视图更新，兼容性最好，不需要服务端特殊配置。history 模式利用 HTML5 History API 的 pushState 和 replaceState 修改浏览器历史记录，URL 更美观，但需要服务端配置 fallback 到入口页面，否则刷新或直接访问子路由会 404。abstract 模式不依赖浏览器环境，适用于非浏览器环境如 Node.js 或测试环境，通过
- 【回答框架 2】hash 模式的原理是：当 hash 变化时，浏览器不会向服务器发送请求，而是触发 hashchange 事件，Vue Router 监听该事件并根据 hash 值匹配路由，从而渲染对应组件。history 模式的原理是：通过 pushState 或 replaceState 修改 URL 且不触发页面刷新，同时监听 popstate 事件来响应浏览器前进后退操作，但直接输入 URL 或刷新时需要服务端支持。
- 【回答框架 3】选择路由模式时，主要考虑部署环境和用户体验。如果应用部署在静态服务器或无法配置服务端重写规则，推荐使用 hash 模式，因为它无需后端起服务且兼容旧浏览器。如果追求更美观的 URL 和更好的 SEO（虽然 SPA SEO 仍有限），且能确保服务端配置正确，则选择 history 模式。abstract 模式主要用于测试或非浏览器场景，实际项目很少直接使用。
- 【关键点 1】hash 模式依赖 URL hash 和 hashchange 事件，无需服务端支持，兼容性最好。
- 【关键点 2】history 模式依赖 HTML5 History API，需要服务端配置 fallback，否则刷新会发生 404。
- 【关键点 3】abstract 模式不依赖浏览器，适用于测试和非浏览器环境。
- 【关键点 4】history 模式 URL 更美观，但部署时需服务端配合，hash 模式 URL 带 # 不够美观。
- 【易错点 1】不能简单认为 history 模式一定优于 hash 模式，必须考虑服务端配置和部署环境，否则会导致路由不可访问。
- 【易错点 2】使用 hash 模式时，不能通过 URL 直接分享具体页面（因为 hash 变化不会触发请求），但可手动处理。
- 【易错点 3】在迁移或混用模式时，需注意 hash 和 history 的解析差异，避免路由匹配错误。