1. setTimeout() 으로 1초후 vue.js transition fade기능 (안보였다가 천천히 보여짐)

<template>
  <div>
  <transition name="fade">
      <div v-if="isActive">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
      </div>
    </transition>
  </div>
</template>

<script>
export default {  
  data(){
    return{
      isActive: false,
    }
  },   
  created() {
    setTimeout(() => {      
       this.isActive = !this.isActive;
    }, 1000);
  },  
};
</script>

<style scoped>
.fade-enter-active,
.fade-leave-active {
  transition: opacity 1s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}
</style>