本文共计1108个文字，预计阅读时间需要5分钟。

Vue Router 是 Vue 官方的路由管理器。它深度集成于 Vue.js 核心之中，使得构建单页面应用变得简单高效。以下简要介绍了 Vue Router 的两种模式及其使用注意事项。

1. Hash 模式： - 使用 URL 的 hash 部分作为路由标识。 - 优点：无需服务器配置，兼容性好。 - 缺点：URL 中包含 `#`，不够美观。

2. History 模式： - 利用 HTML5 的 History API。 - 优点：URL 美观，符合 SEO 优化。 - 缺点：需要服务器支持。

使用注意事项：- 在路由配置时，确保路径正确，避免出现错误。- 使用路由守卫（Navigation Guards）进行权限控制。- 考虑路由懒加载，优化页面加载速度。

本文实例讲述了vue-router两种模式区别及使用注意事项。分享给大家供大家参考，具体如下：

Vue Router 是Vue官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。vue-router默认 hash 模式，还有一种是history模式。

hash模式

hash模式的工作原理是hashchange事件，可以在window监听hash的变化。我们在url后面随便添加一个#xx触发这个事件。