1.什么是keep-alive
keep-alive是vue中的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM
keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁他们
keep-alive可以设置以下props属性
include - 字符串或者正则表达式。只有名称匹配的组件会被缓存
exclude - 字符串或者正则表达式。名称匹配的组件不会被缓存
max - 数字类型。最多可以缓存多少组件实例
2.生命周期
使用keep-alive缓存的组件,会多出activated和deactivated两个生命周期
执行顺序:首次进入组件:beforeRouteEnter > beforeCreate > created > mounted >
activated > .... > beforeRouteLeave > deactivated
再次进入组件时:beforeRouteEnter > activated > beforeRouteLeave > deactivated
3.缓存后如何获取数据
1.beforeRouteEnter
2.actived