import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const router = new VueRouter({
  routes: [
    // 在这里定义你的路由
  ]
})

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

<template>
  <div>
    <button @click="goBack">返回上个页面</button>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
}
</script>

<template>
  <div>
    <h1>欢迎来到主页！</h1>
    <button @click="goToAbout">查看关于页面</button>
  </div>
</template>

<script>
export default {
  methods: {
    goToAbout() {
      this.$router.push('/about')
    }
  }
}
</script>

<template>
  <div>
    <h1>关于页面</h1>
    <button @click="goBack">返回上个页面</button>
  </div>
</template>

<script>
export default {
  methods: {
    goBack() {
      this.$router.go(-1)
    }
  }
}
</script>

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