community/vuejs_tutorials/vue_router

Vue Router 是 Vue.js 的官方路由管理器，它允许你为单页面应用（SPA）定义路由和嵌套路由，并能够处理导航和渲染组件。

基本用法

安装 Vue Router

首先，你需要安装 Vue Router。可以通过 npm 或 yarn 来安装：
```
npm install vue-router
```
或者
```
yarn add vue-router
```

配置路由

创建一个路由实例，传入 routes 配置：

import Vue from 'vue'
import Router from 'vue-router'
import Home from './components/Home.vue'
import About from './components/About.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home
    },
    {
      path: '/about',
      name: 'about',
      component: About
    }
  ]
})

使用路由

在 Vue 应用中使用 <router-link> 组件来导航：
```
<router-link to="/">Home</router-link>
<router-link to="/about">About</router-link>
```
使用 <router-view> 组件来显示当前路由的组件：
```
<router-view></router-view>
```

高级功能

导航守卫：在路由跳转之前守卫，可以用于检查用户权限等。
导航重定向：可以定义路由重定向到其他路由。
命名路由：可以通过名字来表示路由。

社区资源

更多关于 Vue Router 的信息，你可以访问 Vue Router 官方文档，那里有更详细的信息和示例。