详细说明下具体哪些文件下写一个vue 记录路由跳转记录 实现a页面=>b页面=>c页面=>b页面 =>a页面组件

首先，你需要在Vue项目中安装vue-router。在安装完成后，你需要在你的Vue项目中创建一个router目录，并且在该目录下创建一个index.js文件，用于定义路由。

在index.js文件中，你需要引入Vue和vue-router，然后在Vue中使用vue-router插件。然后，你需要定义每个页面的路由，例如：

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

import A from '../components/A.vue'
import B from '../components/B.vue'
import C from '../components/C.vue'

Vue.use(VueRouter)

const routes = [
  { path: '/a', component: A },
  { path: '/b', component: B },
  { path: '/c', component: C }
]

const router = new VueRouter({
  routes
})

export default router

在上面的代码中，我们定义了三个组件A、B和C，并将它们分别对应到了不同的路由上。现在，我们需要在Vue实例中使用router，例如：

import Vue from 'vue'
import App from './App.vue'
import router from './router'

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

这样，我们就可以在Vue项目中使用router了。现在，我们需要记录每次路由跳转的记录。为了实现这个功能，我们可以在路由跳转前和路由跳转后分别触发beforeEach和afterEach钩子函数，并在这些函数中记录路由跳转的记录。例如：

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

import A from '../components/A.vue'
import B from '../components/B.vue'
import C from '../components/C.vue'

Vue.use(VueRouter)

const routes = [
  { path: '/a', component: A },
  { path: '/b', component: B },
  { path: '/c', component: C }
]

const router = new VueRouter({
  routes
})

// 记录路由跳转记录
const routerHistory = []
router.beforeEach((to, from, next) => {
  routerHistory.push({ from: from.path, to: to.path })
  next()
})

router.afterEach((to, from) => {
  routerHistory.push({ from: from.path, to: to.path })
})

export default router

在上面的代码中，我们定义了一个routerHistory数组用于记录路由跳转的记录，并在beforeEach和afterEach钩子函数中分别将from和to的path记录到routerHistory数组中。这样，我们就可以在任何组件中访问routerHistory数组，以查看路由跳转记录。

希望这个简单的实现思路能够帮助你实现你的需求。