type
status
date
slug
summary
tags
category
icon
password
8个生命周期：
@before-enter="beforeEnter"：对应enter-from
@enter="enter"： 对应enter-active
@after-enter="afterEnter"： 对应enter-to
@enter-cancelled="enterCancelled"： 显示过渡被打断
@before-leave="beforeLeave"： 对应leave-from
@leave="leave"： 对应enter-active
@after-leave="afterLeave"： 对应leave-to
@leave-cancelled="leaveCancelled"：离开过渡被打断
代码示例：
当只用
JavaScript 过渡的时候，在 enter 和 leave 钩子中必须使用 done 进行回调可以结合gsap 动画库使用，官网地址： GreenSock
appear
通过这个属性可以设置初始节点过度，就是页面加载完成就自动开始动画 ，对应三个状态：
- 作者:衔蝉
- 链接:https://xianchan.ah.cn/article/vue3-18
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章