3.2 Vue动画过渡组件transition

<transition name="qiqiu" appear>
	<img v-show="show" src="https://abc/abc.jpeg" >
</transition>

        transition的name属性如果不指定，默认为v。

        appear指定网页加载显示就启动动画

<style type="text/css">
	img{
		width: 100px;
	}
	.qiqiu-leave,.qiqiu-enter-to{
		opacity: 1;
		transform: scale(1) rotate(0deg);
	}
	.qiqiu-leave-to,.qiqiu-enter{
		opacity: 0;
		transform: scale(0.2) rotate(180deg);
	}
	.qiqiu-leave-active,.qiqiu-enter-active{
		transition: .3s all linear;
	}
</style>

        进入：enter enter-active enter-to   

        离开：leave leave-active  leave-to