1. <keep-alive include | exclude = "$route.meta.keepAliveName">
    2.   <router-view :key="" />
    3. </keep-alive>
    5. {
    6. path:"",
    7. name:"",
    8. component: () => import("")
    9. meta:{
    10.     [keepAliveName]: "" /// 字符串或正则表达式。只有名称匹配的组件会被缓存或不被缓存
    11.   }
    12. }

    :::info 优选三件事
    include - 字符串或正则表达式。只有名称匹配的组件会被缓存。
    exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。 ::: :::info max - 数字。最多可以缓存多少组件实例。 ::: :::info 设置了组件缓存: ::: :::info 第一次进入组件:beforeRouterEnter ->created->…->activated->…->deactivated ::: :::info 再次进入组件:beforeRouterEnter ->activated->deactivated ::: :::info 所以利用 beforeRouterEnter, activated,deactivated 钩子中根据业务处理刷新或缓存 :::