vue在使用keep-alive缓存页面时如何不缓存页面内的子组件

在使用keep-alive缓存页面时，可以通过设置子组件的属性exclude来排除不需要缓存的子组件。

例如：

<keep-alive>
  <router-view :key="$route.fullPath" v-slot="{ Component }">
    <transition name="fade" mode="out-in">
      <component :is="Component" :exclude="['SubComponentA', 'SubComponentB']"></component>
    </transition>
  </router-view>
</keep-alive>

在上面的例子中，我们在component组件中设置了exclude属性，将不需要缓存的子组件SubComponentA和SubComponentB排除在缓存范围之外。这样，当我们在页面切换时，SubComponentA和SubComponentB不会被缓存，而其他的子组件会被缓存。