Vue 提供了 transition 的封裝組件，在下列情形中，可以給任何元素和組件添加 entering/leaving 過渡
在進(jìn)入/離開的過渡中，會有 6 個 class 切換谣光。
- v-enter：定義進(jìn)入過渡的開始狀態(tài)。在元素被插入時生效芬为，在下一個幀移除萄金。
- v-enter-active：定義過渡的狀態(tài)。在元素整個過渡過程中作用媚朦，在元素被插入時生效氧敢，在 transition/animation 完成之后移除。這個類可以被用來定義過渡的過程時間询张，延遲和曲線函數(shù)孙乖。
- v-enter-to: 2.1.8版及以上 定義進(jìn)入過渡的結(jié)束狀態(tài)。在元素被插入一幀后生效 (與此同時 v-enter 被刪除)，在 transition/animation 完成之后移除唯袄。
- v-leave: 定義離開過渡的開始狀態(tài)弯屈。在離開過渡被觸發(fā)時生效，在下一個幀移除恋拷。
- v-leave-active：定義過渡的狀態(tài)资厉。在元素整個過渡過程中作用，在離開過渡被觸發(fā)后立即生效蔬顾，在 transition/animation 完成之后移除宴偿。這個類可以被用來定義過渡的過程時間，延遲和曲線函數(shù)诀豁。
-
v-leave-to: 2.1.8版及以上 定義離開過渡的結(jié)束狀態(tài)酪我。在離開過渡被觸發(fā)一幀后生效 (與此同時 v-leave 被刪除)，在 transition/animation 完成之后移除且叁。
transition.png
