vue3 keep-alive组件缓存

一 keepalive的特点

        keepalive是vue3中的一个全局组件

        keepalive 本身不会渲染出来，也不会出现在dom节点当中，但是它会被渲染为vnode,通过vnode可以跟踪到keepalive中的cache和keys，当然也是在开发环境才可以

二 keep-alive的功能

1 keepalive 最重要的功能就是缓存组件

   keepalive 通过LRU缓存淘汰策略来更新组件缓存，可以更有效的利用内存，防止内存溢出,源代码中的最大缓存数max为10，也就是10个组件之后，就开始淘汰最先被缓存的组件了

三 keep-alive的生命周期

1 未添加keepAlive的生命周期

beforeCreate=>created=>beforeMount=>mounted=>beforeUpdate=>updated=>beforeUnmount=>unmounted

2 添加keepAlive的生命周期

  activated ：当keepalive包含的组件渲染的时候触发

  deactived ：当keepalive包含的组件销毁的时候触发

  keep-alive的生命周期

  activated： 页面第一次进入的时候，钩子触发的顺序是