如何在html中使用vue-router2

使用Vue Router 2可以帮助我们实现在单页应用程序中的路由管理。下面是一些基本步骤：

1. 首先确保你已经安装了Vue.js和Vue Router 2，可以使用npm或者CDN来安装。

2. 创建一个Vue实例并引入Vue Router 2：

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

Vue.use(VueRouter)

3. 创建路由对象并配置路由：

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

4. 将路由对象注入Vue实例：

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

5. 在组件中使用路由：

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

这里使用`<router-link>`组件来生成跳转链接，使用`<router-view>`组件来展示当前路由所对应的组件。

以上是基本的使用方法，更多高级用法可以参考Vue Router 2的官方文档。