keep-alive是vue提供的内置组件,可以用来进行动态组件的缓存
keep-alive的参数有以下三种:
1、include: [String,RegExp,Array] 只有匹配到的组件才能进行缓存
2、exclude:[String,RegExp,Array] 匹配到的组件都不缓存
3、max: [String,Number] 数字,最多能缓存多少组件实例。在新实例创建之前,缓存中最就没有使用的实例会被销毁
<router-view v-slot="{ Component }">
<keep-alive :max="10">
<Component :is="Component"></Component>
</keep-alive>
</router-view>