vue 中keepalive 组件怎么使用？

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，也就是当前路由的路径。

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

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