会有 4 个(CSS)类名在 enter/leave 的过渡中切换
v-enter
: 定义进入过渡的开始状态。在元素被插入时生效,在下一个帧移除。v-enter-active
: 定义进入过渡的结束状态。在元素被插入时生效,在 transition/animation 完成之后移除。v-leave
: 定义离开过渡的开始状态。在离开过渡被触发时生效,在下一个帧移除。v-leave-active
: 定义离开过渡的结束状态。在离开过渡被触发时生效,在 transition/animation 完成之后移除。
对于这些在 enter/leave
过渡中切换的类名,v-
是这些类名的前缀。使用 <name="my-transition>"
可以重置前缀,比如v-enter
替换为my-transition-enter
。