vue router 是 vue.js 官方路由管理库，用于管理单页应用程序中的页面导航。主要作用包括：管理页面导航：允许用户在页面之间切换。url 管理：将应用程序状态与 url 同步。组件重用：在不同页面中重用 vue 组件。状态管理：存储路由信息和数据。守卫：执行自定义代码，如身份验证检查。
Vue 中 Router 的作用
Vue Router 是 Vue.js 的官方路由管理库。它允许 Vue 应用程序管理页面之间的导航，从而创建单页应用程序 (SPA)。
主要作用：
- 管理页面导航： Router 允许用户在不同页面之间切换，而无需重新加载整个应用程序。
- URL 管理： 它将应用程序的状态与 URL 同步，以便用户可以轻松地通过 URL 访问特定页面。
- 组件重用： Router 允许在不同页面中重用 Vue 组件，从而提高代码的可维护性和可扩展性。
- 状态管理： Router 可以存储路由信息和数据，包括查询参数和元数据，这有助于管理应用程序状态。
- 守卫： Router 提供导航守卫，允许在导航发生之前或之后执行自定义代码，例如身份验证检查或数据预取。
如何使用 Vue Router：
立即学习“前端免费学习笔记（深入）”；
-
安装： 在项目中安装
vue-router包。 -
创建 Router： 使用
VueRouter类创建一个路由实例，配置路由表（映射 URL 路径到组件）。 -
使用 Router： 在 Vue 应用程序中使用
<router-view></router-view>组件来渲染当前路由匹配的组件。 -
导航： 使用
$router对象进行导航，例如通过使用push()或replace()方法更改 URL。
Vue Router 是构建 SPA 的一个强大工具，因为它简化了导航管理，改进了 URL 管理，促进了组件重用，并提供了丰富的功能，例如状态管理和导航守卫。
