Как правильно анимировать элементы Vue 2?

Question

[ByJumping]

Пробую анимировать роуты, использую

<transition name="fade">
			<div class="content">
				<router-view />
			</div>
      </transition>

сами стили

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

Все как по гайду, анимация идет только при закрытии роута. При открытии страница возникает сразу

Answer 1

[Антон Антон]

https://ru.vuejs.org/v2/guide/transitions.html#%D0...

Comments

[ByJumping]

хм, делал это, но почему то не получилось, после твоего комментария попробовал еще раз и все работает, спасибо) видимо изначально не на тот элемент вешал