vue.js绑定事件

<div class="close-wrapper" @click="hideDetail">
    <i class="icon-close"></i>
</div>

<div class="detail" v-show="detailShow" >
    一些内容
</div>

<script type="text/ecmascript-6">
　　export default{
    　　data() {
        　　return: {
            　　detailShow : false
    　　　　}
　　　　},
    　　methods: {
        　　hideDetail(){
            　　this.detailShow = false;
        　　}
    　　}
　　}
</script>   

<div class="detail" v-show="detailShow"  transition="fade">
    一些内容
</div>

<style lang="stylus" rel="stylesheet/stylus">
.detail
    transition: all 0.5s
&.fade-transition
    opacity: 1
    background: rgba(7, 17, 27, 0.8)
&.fade-enter,&.fade-leave
    opacity: 0
    background: rgba(7, 17, 27, 0)
</style>