我是Vue的初学者，我想通过Vue制作轮播。

我有代码：https://jsfiddle.net/z3m76w5r/4/（示例）

<style>
    .switch-enter-active,.switch-leave-active {
      transition: all .5s ease-in-out;
    }

    .switch-enter {
      left: 100%;
    }

    .switch-leave,.switch-leave-to {
      left: -100%;
    }
  </style>

  <div id="banner">
    <transition name="switch">
      <banner class="content" v-bind:slide="currentSlide"></banner>
    </transition>
  <div>

我想给我的轮播制作动画。但是，尽管我查看了文档和手册，但我的转换提示仍无法正常工作。