Vue Router 是 Vue.js 的官方路由管理器，它允许你为单页应用定义路由和导航。

安装

首先，你需要安装 Vue Router。可以通过 npm 或 yarn 来安装：

npm install vue-router
# 或者
yarn add vue-router

基本使用

以下是一个简单的 Vue Router 示例：

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue.use(Router)

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

路由配置

在 Vue Router 中，你可以通过 routes 数组来配置路由：

{
  path: '/',
  name: 'home',
  component: Home
}

这里，path 是路由的路径，name 是路由的名称，component 是路由对应的组件。

路由导航

在 Vue 组件中，你可以使用 <router-link> 组件来创建导航链接：

<router-link to="/">Home</router-link>

这会渲染一个 <a> 标签，当点击时会导航到 / 路径。

动态路由匹配

Vue Router 支持动态路由匹配。以下是一个动态路由的示例：

{
  path: '/user/:id',
  name: 'user',
  component: User
}

在这个例子中，:id 是一个动态段，它的值将被用作 User 组件的 props。

更多关于 Vue Router 的信息，请参阅官方文档。

图片示例

这里有一些关于 Vue Router 的图片：

Vue Router
Routing