Где ошибка при анимации появления во vue.js?

Question

[Darkness]

Ребят, где я ошибаюсь при аминирование через transition? При закрытие данного блока( модалки) оно работает, но при появлении нет.
Сначала данный блок скрыт, думаю поэтому не отрабатывает, а когда закрывается, он правильно его видит.
Спасибо за помощь!

<template>
  <transition name="bird_modal">
   // тут что-то
  </transition>
</template>

.bird_modal-enter-active {
  transition: all .2s;
  opacity: 1;
}
.bird_modal-leave-to {
  opacity: 0;
}

Answer 1

[Darkness]

Чтобы решить данную проблему, нужно добавить к appear, вот так:
<transition name="bird_modal" appear>

Потому что: у меня идет начальная отрисовка и я внимательнее глянул доки, то увидел бы " If you also want to apply a transition on the initial render of a node, you can add the attribute"