keep-alive缓存

缓存:
<keep-alive>:组件的缓存:如果当前组件需要进行缓存的情况下,我们需要将当前组件外部加一个keep-alive:
 
<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们,
 
会创建两个生命周期钩子:
activated:活跃状态:当前组件是显示的状态;
deactivated:缓存状态:如果组件进行了切换,那么组件就会保存在缓存之中;
 
keep-alive的属性:
include:只包含哪些组件可以进入缓存状态
exclude:排除哪些组件进入缓存状态
二者都可以用逗号分隔字符串、正则表达式或一个数组来表示;
 
<keep-alive>尽量配合component进行使用,router-view也可以进行使用,但是exclude  include可能不会生效
 

猜你喜欢

转载自www.cnblogs.com/kangkang1207/p/9986901.html