使用vue-router

Vue Router 是 Vue.js 应用程序中的一个核心库，它提供了一种声明式的、模块化的解决方案来处理客户端路由。使用 Vue Router，你可以轻松地实现单页面应用（SPA）中的导航和视图切换。以下是一些基本的使用步骤：

1. **安装**：首先，你需要通过npm或yarn安装Vue Router，例如：

   npm install vue-router

2. **创建路由配置**：在项目中创建一个`router.js`文件，配置路由规则，包括路径（path）、组件（component）和任何附加选项。例如：

   import Vue from 'vue'
   import Router from 'vue-router'
   
   Vue.use(Router)
   
   const routes = [
     { path: '/home', component: HomeComponent },
     { path: '/about', component: AboutComponent },
   ]
   
   export default new Router({
     routes,
   })

3. **使用路由器**：在Vue组件中，通过`this.$router`访问当前的路由器实例，进行导航。比如跳转到首页：

   this.$router.push('/home')

4. **嵌套路由**：如果你需要在单个组件内管理子路由，可以使用`router-view`组件配合`route`属性。
5. **守卫（Guards）**：Vue Router 提供了几种守卫，如`beforeEach`、`beforeEnter`等，用于在路由切换之前或之后执行特定操作，如权限检查、数据获取等。