vue3之Transition给元素添加动画，有时候v-show的元素展示太突然，需要加个过度效果，vue有Transition可以实现这一点

<Transition name="fade">
  //code here...
</Transition>

对于一个有名字的过渡效果，对它起作用的过渡 class 会以其名字而不是 v 作为前缀。比如，上方例子中被应用的 class 将会是 fade-enter-active 而不是 v-enter-active。这个“fade”过渡的 class 应该是这样：

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

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