vue中关于transition的一些想法

今天在看vue中有关于动画和过渡部分。发现在vue中实现动画真的是一件很容易的事，在这里又想再一次膜拜尤大神了。
其他部分都很好理解，就是发现在定义`.v-enter .v-leave-to`时有点疑惑，为啥这动画效果是这样呢，跟我自己想象的不一样啊。然后，没办法，为了弄懂，只能不停琢磨。

知道整个enter可以分为三个状态，分别是v-enter,v-enter-active,v-enter-to。其中我们可以在v-enter-active中定义过渡时间、延迟和过度曲线，可以说过渡部分的绝大多数的动画都是在这里定义的。当然，进入状态v-enter也可以定义，一般是定义下透明度和起始状态。
为了弄懂v-enter,我们来看一下对于v-enter的定义：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。
注意，是被插入之前，那么就很好理解了。
eg.

.v-enter, .v-leave-to{
       opacity: 0;
      transform:  translateY(30px)
}

这里其实通俗点讲就是，进入的起始状态为，透明度为0，从y轴位移30px的地方进入
leave时的状态为，离开时在y轴位移30px的地方透明度变为0.
这样突然也就能理解，为啥过渡效果一般只定义v-enter,v-enter-active,v-leave-active,v-leave-to了。

理解力不行，第一遍看的时候竟然弄不懂。还是太菜。好好学习吧。