我想应用一个动画悬停的元素。也许现在使用Transition组件会更好。动画将是非常简单的，从1到1.5的缩放保持页面上的元素。所以我认为v-if指令在这里不起作用。我需要在鼠标悬停和退出时动态地改变状态吗？我不想让元素消失。

<Transition name="bell" type="animation">
  <div class="bell-element"    
    @mouseover="showBell"
    @mouseout="hideBell"
    >
</Transition>
.bell-enter-active {
  animation: bounce-in 0.5s;
}
.bell-leave-active {
  animation: bounce-in 0.5s reverse;
}
@keyframes bounce-in {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}