本文详细介绍了Vue中transition组件的使用，包括name属性、-class属性和mode属性的应用。通过name属性可以自定义过渡类名，-class属性允许添加优先级更高的类名，mode属性则用于设置过渡效果的方向。同时，文章提到了JavaScript过渡事件，如before-enter、enter、leave等，以及如何结合animate.css实现过渡效果。
在进入/过渡中，主要有6个钩子被触发，并对应6个class的切换
v-enter：进入初始状态
v-enter-active:进入过渡阶段，动画‘播放阶段’
v-enter-to:进入结束阶段，在元素被插入之后下一帧生效 (与此同时 v-enter 被移除)，在过渡/动画完成之后移除。
v-leave:离开初始阶段
v-leave-active：离开过渡阶段，动画‘播放阶段’
v-leave-to:进入结束阶段，在元素被插入之后下一帧生效 (与此同时 v-leave 被移除)，在过渡/动画完成之后移除。
name属性
上面这六个类名默认是以v-开头，可以通过name进行设置改变
<transition name="fade">
最低0.47元/天 解锁文章
扫一扫
1017
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
