Таблица 8.1. Классы CSS-переходов
Класс перехода
Описание
v-enter
Это начальное состояние. Добавляется перед созданием элемента и удаляется через один кадр после его создания
v-enter-active
Этот класс присутствует в элементе, пока тот вставляется в документ. Он добавляется перед вставкой элемента и удаляется после завершения перехода/анимации. Здесь определяются продолжительность, задержка и кривая ослабления всего перехода
v-enter-to
Этот класс появился в Vue.js 2.1.8. Он добавляется через один кадр после вставки элемента и удаляется по окончании перехода/анимации
v-leave
Этот класс добавляется в момент, когда элемент покидает документ, и удаляется через один кадр после завершения этого процесса
v-leave-active
Это активное состояние анимации/перехода. Класс похож на v-enter-active. С его помощью можно определить продолжительность, задержку и кривую ослабления. Он добавляется сразу после срабатывания перехода удаления и исчезает по окончании перехода/анимации
v-leave-to
Этот класс похож на v-enter-to и тоже появился в Vue.js 2.1.8. Он представляет собой заключительную фазу удаления. Добавляется через один кадр после срабатывания перехода и исчезает по окончании перехода/анимации