常见 Vue的keep-alive 有哪些？分别说明生命周期钩子？

【概念释义】

keep-alive 缓存组件实例，避免反复销毁重建。包裹 <keep-alive include="A,B" :max="10"> 匹配 name 选项。缓存组件不触发 mounted/destroyed，改触发 activated/deactivated（Vue3 同）。max LRU 淘汰。

【基础使用】

<keep-alive :include="cachedNames" :max="8">
  <router-view />
</keep-alive>

<script>
export default {