在進入/離開的過渡中抚垄,會有 6 個 class 切換齐遵。
1)v-enter:定義進入過渡的開始狀態(tài)。在元素被插入時生效嘴脾,在下一個幀移除男摧。
2)v-enter-active:定義過渡的狀態(tài)。在元素整個過渡過程中作用译打,在元素被插入時生效耗拓,在 transition/animation 完成之后移除。這個類可以被用來定義過渡的過程時間奏司,延遲和曲線函數(shù)乔询。
3)v-enter-to: 2.1.8版及以上 定義進入過渡的結束狀態(tài)。在元素被插入一幀后生效 (與此同時 v-enter 被刪除)韵洋,在 transition/animation 完成之后移除竿刁。
4)v-leave: 定義離開過渡的開始狀態(tài)。在離開過渡被觸發(fā)時生效搪缨,在下一個幀移除食拜。
5)v-leave-active:定義過渡的狀態(tài)。在元素整個過渡過程中作用副编,在離開過渡被觸發(fā)后立即生效负甸,在 transition/animation 完成之后移除。這個類可以被用來定義過渡的過程時間痹届,延遲和曲線函數(shù)呻待。
6)v-leave-to: 2.1.8版及以上 定義離開過渡的結束狀態(tài)。在離開過渡被觸發(fā)一幀后生效 (與此同時 v-leave 被刪除)队腐,在 transition/animation 完成之后移除蚕捉。
對于這些在 enter/leave 過渡中切換的類名,v- 是這些類名的前綴柴淘。使用 <transition name="my-transition"> 可以重置前綴迫淹,比如 v-enter 替換為 my-transition-enter秘通。
v-enter-active 和 v-leave-active 可以控制 進入/離開 過渡的不同階段,在下面章節(jié)會有個示例說明千绪。