keep-alive

Posted 2022-05-29 wuqilang

keep-alive：vue的一个内置组件，被keep-alive包裹的组件，第一次被创建后就会被保存在内存中，不会经历销毁，下次进行页面切换的时候会从缓存中读取。

属性：

　　include：包括，需要被缓存的组件（字符串、正则）

　　exclude：排除，不需要被缓存的组件（字符串、正则）

　　max：最多能缓存多少个组件（number）

使用：

1 <keep-alive include="Home,List">
2         <compeonent :is="page"></compeonent>
3 </keep-alive>
4 //同上
5 <keep-alive include="/(Home/List)/">
6         <compeonent :is="page"></compeonent>
7 </keep-alive>