vue3 keep-alive及动画

keep-alive
加上以后切换填写的数据不会刷新,属性include,所包内容不会被刷新,其余都刷新,exclude所包内容被刷新,其余都不刷新,max指定缓存数量,按照使用组件频率,不常用的被剔除






开启keep-alive以后才能用的生命周期----onDeactivated(keep-alive卸载),onActivated(keep-alive初始化)

transition配合Animate.css使用
安装:npm install animate.css -S
引入:import 'animate.css'
使用:


    
  


配合gsap使用,安装:npm install gsap -S,页面引入import gsap from 'gsap'



apper,初始化动画

  
    
  

状态过度



你可能感兴趣的:(vue3 keep-alive及动画)