vue 路由淡入淡出（参考被人的，做记录）

Posted 2021-03-22 dashaxiong

// 简单记录一下，下次就知道vue动画都怎么做了。
<transition name="fade">
      <router-view ></router-view>
    </transition>

　　

.fade-enter {
    opacity:0;
  }
  .fade-leave{
    opacity:1;
  }
  .fade-enter-active{
    transition:opacity 1s;
  }
  .fade-leave-active{
    opacity:0;
    /*transition:opacity .5s;*/
  }