Vue Keep-Alive 组件使用指南：缓存组件提升性能

Vue 中的 组件用于缓存已经渲染过的组件，从而在组件频繁切换时提高性能。下面是 组件的使用方法：

1. 在需要缓存的组件外包裹 标签。
2. 在需要缓存的组件上添加一个唯一的 key 属性。

例如：

<template>
  <div>
    <keep-alive>
      <router-view :key="$route.path"></router-view>
    </keep-alive>
  </div>
</template>

在这个例子中，我们使用 包裹了 router-view 组件，同时给 router-view 组件添加了一个 key 属性，这个 key 属性的值是 $route.path，也就是当前路由的路径。

这样，当我们切换路由时， 组件会缓存已经渲染过的组件，以便在下次需要渲染时直接使用缓存的组件，提高性能。

需要注意的是， 组件只能缓存动态组件，也就是通过 或者 渲染的组件，静态组件无法被缓存。同时， 组件只会缓存有状态的组件，也就是有生命周期的组件，无状态的组件不会被缓存。