Как задать анимацию смены компонента Vue?

Question

[700Hp]

<template>
  <BoardAdminMenu
    @action="changeActiveIndex"
  />

  <div class="board">
    <PersonalArea v-if="activeIndex === 0" />
    <CreateLetter v-if="activeIndex === 1" />
  </div>

</template>

Блок появляется в зависимости от выбранной кнопки в меню.
Как имитировать задержку перед условием в виде выезда за границу страницы?

Answer 1

[LJ322]

Есть удобный механизм transitions - Анимации на Vue