Vue2.0 过渡问题

Question

v-enter:
v-enter-active:
v-leave:
v-leave-active:

这四个东西到底怎么用

`.fade-enter-active, .fade-leave-active {
transition: opacity .5s
}
.fade-enter, .fade-leave-active {
opacity: 0
}`

希望用白话直接说明

Answer 1

/* enter进入过渡透明度0-1 */
.fade-enter{opacity: 0;}
.fade-enter-to{opacity: 1;}
.fade-enter-active{transition: all .3s ease;}

/* leave离开过渡透明度1-0 */
.fade-leave{opacity: 1;}
.fade-leave-to{opacity: 0;}
.fade-leave-active{transition: all .3s ease;}

Answer 2

vue过渡效果