TransitionGroup

Vue 3 TransitionGroup支持通过JavaScript钩子和data属性实现渐进延迟动画，让列表项一个接一个地入场。本文详解data-index的用法、:css=“false"配合JS钩子、GSAP实现 …

Vue 3 TransitionGroup的移动动画是列表动画的灵魂。本文详解为什么删除列表项时周围元素会"跳跃"、FLIP动画原理、move类名的用法、position absolute的关键作用、moveClass自 …

Vue 3的TransitionGroup是专门给v-for列表添加动画的内置组件。本文从TransitionGroup和Transition的核心区别讲起，搞清楚什么时候该用哪个、tag属性怎么用、key为什么必须加、列表项的进入和离开动 …

Vue 3 Transition组件可以封装成独立组件实现复用，也可以通过动态name和动态props实现运行时切换动画效果。本文讲解如何用插槽封装可复用Transition组件、动态过渡的实现方式、以及TransitionGroup组件的 …