vue怎么缓存当前打开的路由组件

你可以使用 Vue Router 提供的 keep-alive 组件来缓存当前打开的路由组件。keep-alive 组件可以将组件缓存起来，当再次进入该路由时，会直接使用缓存的组件实例，而不会重新创建。

在你的路由配置中，找到需要缓存的路由组件，然后在路由配置对象中添加 meta 字段，设置 keepAlive 为 true。例如：

const router = new VueRouter({
  routes: [
    {
      path: '/example',
      component: ExampleComponent,
      meta: {
        keepAlive: true
      }
    },
    // 其他路由配置...
  ]
})

然后，在需要缓存的路由组件中，可以使用 `<keep-alive>` 组件将其包裹起来。这样，在进入该路由时，组件会被缓存起来。

<template>
  <keep-alive>
    <router-view></router-view>
  </keep-alive>
</template>

这样就可以实现对当前打开的路由组件进行缓存了。请注意，使用 keep-alive 缓存组件可能会导致一些副作用，比如组件的生命周期钩子不会被触发，所以在使用时请注意相关的逻辑处理。