vue2router的应用

Vue Router 是 Vue.js 官方的路由管理器，它和 Vue.js 核心深度集成，可以非常方便地实现单页应用的路由功能。

以下是 vue2router 的应用步骤：

1. 安装 Vue Router：

npm install vue-router --save

2. 在 main.js 中引入 Vue Router 并注册：

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

3. 创建路由对象并定义路由规则：

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

4. 在 Vue 实例中挂载路由对象：

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

5. 在模板中使用 `<router-link>` 和 `<router-view>`：

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

以上就是 vue2router 的基本应用步骤。在实际开发中，可以根据需要自定义路由规则，添加路由守卫等。