vue 过渡动画

一、name值的定义，如图所示：

二、对四个阶段的深入理解

1.fade-enter和fade-leave的值一般情况下是一样的，他们各自表示元素进入过渡的开始状态和离开过渡的开始状态，通俗的讲，fade-enter就是定义开始的状态（位置）在那一瞬间的位置，因此你可以在元素的class类去设置一个状态（位置），元素在那一瞬间的位置肯定是你设置fade-enter的位置，

如图所示

最后可以参考如下例子