Vue路由，即Vue Router，是Vue.js的官方路由管理器。它用于构建单页面应用（SPA）。Vue Router允许通过不同的路径来组织应用的内容和结构，使得用户可以在不重新加载页面的情况下，访问应用的不同部分或页面。
Vue路由的主要功能包括：
- 动态路由匹配：根据URL的不同，动态地渲染不同的组件，实现内容的变化。
- 路由参数：在路由路径中使用参数，例如
/user/:id，可以匹配如/user/123的路径，并将123作为参数传递给组件。 - 嵌套路由：允许根据应用的结构设计嵌套的路由，以此来构建复杂的页面布局。
- 编程式的导航：除了使用
<router-link>创建链接外，还可以通过编程方式来导航到不同的URL，例如使用router.push。 - 命名路由：可以给路由设置名称，简化路由的引用。
- 路由守卫：提供了“全局守卫”、“路由独享的守卫”和“组件内的守卫”等多种方式，用于控制导航过程中的权限验证、数据预加载等逻辑。
使用Vue Router的步骤：
- 安装Vue Router：如果使用Vue CLI创建项目，可以在创建时选择包含Vue Router。也可以通过npm或yarn手动安装。
npm install vue-router - 定义路由：创建一个路由配置文件，定义应用中的所有路由和它们对应的组件。
- 创建Router实例：在主入口文件（通常是
main.js或main.ts）中，创建一个Vue Router实例，并将其传递给Vue实例。 - 使用
<router-view>和<router-link>：在Vue组件中使用<router-view>作为路由的占位符，使用<router-link>来创建导航链接。
Vue Router通过管理URL，使得开发单页面应用变得简单而高效。它不仅提高了用户体验（无需重新加载页面），还使得应用的状态可以通过URL共享和重现。
项目应用
智慧园区可视化大屏项目中页面的跳转就使用到了vue路由功能。
