总结vue-router的作用以及使用方法，举例说明

Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 核心深度集成，可以非常方便地实现单页面应用程序（SPA）的路由功能。Vue Router 可以让我们在不同的 URL 地址之间切换，同时还可以传递参数、设置路由守卫等。

Vue Router 的使用方法如下：

1. 安装 Vue Router：使用 npm 安装 vue-router 包。

2. 创建路由实例：在 main.js 中创建一个路由实例，并将其挂载到 Vue 实例上。

3. 配置路由：在路由实例中配置路由，包括路由路径、组件等。

4. 使用路由：在组件中使用路由，包括使用 router-link 组件进行导航、使用 $router 对象进行编程式导航等。

举例说明：假设我们有两个组件 Home 和 About，我们可以在路由实例中配置两个路由，分别对应这两个组件：

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

Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]
})

new Vue({
  router,
  el: '#app'
})

在组件中使用 router-link 组件进行导航：

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

使用 $router 对象进行编程式导航：

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

注意：以上代码仅供参考，实际使用时需要根据具体情况进行调整。