Vue.js 过渡简述

1. 所有类名

2. 例子

需求:
有一段居中显示的文字，需要让它从右边出现。

这里只讲述 enter，因为enter 和 leave都是同理的。

解决方法：

1. 上面需求中的 从右边出现 就是 过渡的开始状态，我们在 v-enter 使用 margin-left:10px 将文字初始化在右边，这样我们在进入时，该文字就会在右边了，而不是居中。
2. 使用 v-enter-active 定义过渡效果。
3. 我们要使文字回归原处，回归居中位置（过渡的结束状态），你可以在 v-enter-to 中使用 margin-left:0 让它回归原处。因为我们文字本身就是居中的，只是我们在开始状态时，将它往右边移了点，所以我们直接让右移的距离为0，就能直接回归原处了。