vue过渡动画

vue1:

css:

.fade-transition {        transition: all .5s ease;        opacity: 1;    }    .fade-enter,    .fade-leave {        opacity: 0;    }

js:

 <div class="czk-model" @touchmove.prevent v-if="czkModel.show" transition="fade">

注意:入场和出场后需要修改的样式属性必须在fade-transition里面设置，否则无效

vue2:

css:

.fade-enter-active, .fade-leave-active {  transition: opacity .5s}.fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {  opacity: 0}

js:

 <transition name="fade">    <p v-if="show">hello</p>  </transition>