基本上按照老师你github中的代码写的，除了leave-active在最新版里面被更换为了leave-active-to,有滑动效果，但是没有滚动效果

<div class="cartButton">
    <!-- 为删除按钮增加滑动滚动效果 -->
    <transition name="slide-fade">
        <button type="button" name="button" class="decrease" v-show="food.count>0" v-on:click="removeCart($event)">
          <span class="inner icon-remove_circle_outline"></span>
        </button>
    </transition>
    <p class="num" v-show="food.count>0">{{food.count}}</p>
    <button type="button" name="button" class="increase" v-on:click="addCart($event)">
      <span class="icon-add_circle"></span>
    </button>
  </div>

  .cartButton button span.inner{
    transition: all 0.4s linear;
    transform: rotate(0);
  }
  
  .slide-fade-enter-active, .slide-fade-leave-active{
    transition: all .4s linear;
  }
  
  .slide-fade-enter, .slide-fade-leave-to{
    transform: translateX(20px);
    opacity: 0;
  }
  
  .slide-fade-enter .inner, .slide-fade-leave .inner{
    transform: rotate(90deg)
  }