recently, I am learning the css transition in this vue. I can"t understand the document all the time. What puzzles me most is this animation mechanism. I hope there are bosses to help me solve the problem. Here are my doubts:
1.
< transition name="fade" >
<div v-show="show" class="content">HelloWorld</div>
< / transition >
< button @ click=handleClick > switch < / button >
< script >
var vm = new Vue({
el:"-sharpapp",
data:{
show:false
},
methods:{
handleClick(){
this.show=!this.show
}
}
})
</script>
helloworld divdivtransition
v-leaveclassopacity=1;