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;}