keep-alive在vue中的使用

一、keep-alive缓存状态数据

• 1、关于在组件中的使用，参考文档,文档地址

• 2、在路由中的使用

  <template>
    <div id="nav">
      <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link>
    </div>
    <router-view v-slot="{Component}">
      <keep-alive>
        <component :is="Component" />
      </keep-alive>
    </router-view>
  </template>