说一下vue转场动画如何实现的(面试)

606 阅读1分钟

vue转场动画主要通过vue中的提供的transition组件实现的,例如;

<transition name=”名称”>
    <router-view></router-view>
</transition>

其中name为转场的名称,自己定义,可通过定义进入和离开两种转场动画,格式为:

.名称-enter {   }  //将要进入动画

.名称-enter-active {   }  //定义进入的过程动画

.名称-leave {    }   //将要离开的动画

.名称-leave-active {  }  //定义离开过程中的动画