Transition 组件

Transition 组件的实现比想象中简单得多，它的核心原理是：

• 当 DOM 元素被挂载时，将动效附加到该 DOM 元素上；
• 当 DOM 元素被卸载时，不要立即卸载 DOM 元素，而是等到附加到该 DOM 元素上的动效执行完成后再卸载它。

过渡效果本质上是一个 DOM 元素在两种状态间的切换，浏览器会根据过渡效果自行完成 DOM 元素的过渡。这里的过渡效果指的是持续时长、运动曲线、要过渡的属性等。

原生 dom 实现过渡

transition 组件实现

vue3 源码层面实现