vue.js 2.* 使用transition实现动画效果

<transition name="fade">
    <div class="detail" v-show="detailShow"></div>
</transition>

<script type="text/ecmascript-6">
    export default {
    };
</script>

<style lang="stylus" ref="sheetstyle/stylus">
	.fade-enter-active, .fade-leave-active 
		opacity:1
		transition: all 1.0s				
		background:rgba(7,17,27,0.8)		
	.fade-enter, .fade-leave-active 
		opacity: 0
		background:rgba(7,17,27,0)
</style>