new Vue({
el: '#root',
data: {
show: false
}
})
<div id="root">
<transition
enter-active-class="animated rollIn"
leave-active-class="animated rollOut"
>
<h1 v-show="show">hello world</h1>
</transition>
<button @click="show = !show">toggle</button>
</div>