keep-alive 组件缓存,保持状态怎么实现刷新
keep-alive是Vue的内置组件,是为了保持组件的状态,避免组件的重复渲染。
如何使用:
使用的时候,可以用activated和 deactivated生命周期,来写业务逻辑,如果保存上一个页面的状态,则需要
使用局部路由首位,在beforeRouteLeave时把当前页面路径以变量形式存放,在activated的时候,把跳转到变
量所保存的路径,既可以实现状态保存了
如果使用keep-alive当组件初次加载会执行的生命周期分别是:beforeCreate、created、beforeMount、mounted、activiated
如果使用keep-alive当组件第二次或者第n次加载会执行的生命周期分别是:activiated
优势:
在组件切换过程中将状态保留在内存中,防止重复渲染DOM ,减少加载时间及性能消耗,提高用户体验