vue.js过渡的CSS类名称的理解（推荐）

首次附在正式文件地图上。
一般是在v-enter，v-enter-active，v-leave，v-leave-active的解释，但我看了很久，总是无法读取鼠标mouseover和mouseout事件，和联想一起，所有的搜索后，据了解，以下是我理解的意义上，我们希望能帮助传递，更希望我可以通过检查。

开始：

首先，通过一个例子，实践是检验真理的唯一标准。
结果：单击按钮，显示FALSE，div消失；再次单击，显示= true，逐步蓝橙，过渡时间是3S。

将样式更改为：
结果：当按钮被点击，显示FALSE，div逐渐从橙色变成蓝色，过渡时间是3S。

上述两个例子，v-enter和v-leave之间的差异明显。

v-enter：定义目标元素的状态时，它就会消失，开始出现。

v-leave：定义目标元素的状态时，它已经消失。

但以上两件事只是瞬间，就像一个Flash动画的框架。至于第二帧的内容到最后，他们都交给v-enter-ative和v-leave-active。

v-enter-active：定义目标元素出现在文档的最终状态（最后一帧）；

v-leave-active：定义目标元素的最终状态它留下的文件时（最后一帧），然后消失后的状态显示。

此外，在上述两种风格中定义了过渡效应转换。难怪在官方文件中v-enter-active和v-leave-active表示距离。

注意：这两款必须在相应的v-enter或v-leave定义，否则显示无效。

以上是vue.js过渡CSS类名称经萧边介绍认识，我们希望能帮助你。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。