vue使用浏览器前进后退

在 Vue 中，可以使用 `vue-router` 来实现浏览器的前进后退功能。

首先，在 `router/index.js` 中定义路由：

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

Vue.use(Router)

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

注意 `mode` 的值为 `'history'`，表示使用 HTML5 history 模式，这样 URL 中就不会出现 `#` 符号。

然后，在组件中可以使用 `router-link` 来实现跳转：

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

最后，在组件中可以使用 `this.$router.go(-1)` 和 `this.$router.go(1)` 来实现浏览器的前进后退功能：

// 后退
this.$router.go(-1)

// 前进
this.$router.go(1)

这样就可以实现浏览器的前进后退功能了。