html:
<div id=”demo”> <button v-on:click=”show = !show”> Toggle </button> <transition name=”fade”> <p v-if=”show”>hello</p> </transition></div> data:{ return { show:true }} css: .fade-enter-active, .fade-leave-active {
transition: transform .5s } .fade-enter, .fade-leave-active { transform: translate3d(0,-100%,0); }