Transition

Transition - это встроенный компонент для плавного анимирования появления.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<template>  <Transition>    <Teleport to="body">      <div class="modal_overlay">        <div class="modal"></div>      </div>    </Teleport>  </Transition></template>  <style lang="scss" scoped>  .v-enter-active,  .v-leave-active {    transition: opacity 0.5s ease;  }    .v-enter-from,  .v-leave-to {    opacity: 0;  }</style>