vue 渐隐效果

  作者:chrispy

<transitionname="fade"> <divv-if=&q
<transition name="fade">

        <div v-if="show">hello world</div>
</transition>
<button @click="show = !show">切换</button>


<style scoped>
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}
</style>