写一个vue 记录路由跳转记录 实现a页面=>b页面=>c页面=>b页面 =>a页面组件

可以使用Vue Router提供的导航守卫来实现路由跳转记录。

具体实现步骤如下：

1. 在Vue Router中定义一个空数组来存储路由跳转记录：

const router = new VueRouter({
  routes: [...],
  scrollBehavior: () => ({ y: 0 }),
  history: true,
  mode: 'history',
  routesHistory: [] // 定义一个空数组用来存储路由跳转记录
})

2. 在Vue Router中使用导航守卫的beforeEach方法，在路由跳转之前把当前路由路径存入routesHistory数组中：

router.beforeEach((to, from, next) => {
  if (from.path !== '/') {
    router.routesHistory.push(from.path)
  }
  next()
})

3. 在路由组件中使用computed属性获取routesHistory数组并渲染路由跳转记录列表：

<template>
  <div>
    <ul>
      <li v-for="route in routesHistory" :key="route">
        <router-link :to="route">{{ route }}</router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  computed: {
    routesHistory () {
      return this.$router.options.routesHistory
    }
  }
}
</script>

这样，就可以在路由组件中渲染出从a页面到b页面再到c页面再到b页面最后回到a页面的路由跳转记录。