vue 动画和过渡总结

 

 

也就是说这样写就是动画的封装

 这样写就是过渡的封装

.showTodoList-enter,.showTodoList-leave-to{
  transform: translateX(-100%);
}
.showTodoList-enter-to,.showTodoList-leave{
  transform: translateX(0);
}
.showTodoList-enter-active,.showTodoList-leave-active{
  transition: 0.5s linear;
}