vue为v-if添加过渡动画效果

https://blog.csdn.net/qq_41948178/article/details/103901722

<transition name="plus-icon">
   <div class="service" @click="qq()" v-if='go_qq'>
       <img src="~@/../static/img/service.png" alt="">
   </div>
</transition>

.plus-icon-enter-active {
    transition: opacity 0.5s;
}
.plus-icon-enter {
    opacity: 0;
}
.plus-icon-leave-active {
    transition: opacity 0.5s;
}
.plus-icon-leave-to {
    opacity: 0;
}