vue3 keepalive的使用及其踩坑记录

注意事项：

1. keep-alive标签要嵌套component组件使用

2. 按需缓存的时候注意，includes中的组件必须带有name

代码：

<template>
  <router-view v-slot="{ Component }">
    <keep-alive include="factorConstruction">
      <component :is="Component" :key="$route.path" />
    </keep-alive>
  </router-view>
</template>

<script lang="ts">
export default {
  name: "factorConstruction",
};
</script>
<script lang="ts" setup>
//vue相关的业务代码。。。。
</script>

在使用setup语法糖时，要使用额外的script标签来定义name