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