Vue中的<transition>提供了過渡動畫的功能，其中name屬性可用于設置樣式的類名前綴。而leave-to屬性則是在element被移除前添加的類名，可用于觸發(fā)動畫效果。

假設我們有一個簡單的組件MyComponent，需要在元素被移除前添加過渡效果：

在這個組件中，我們設置了name屬性為fade，表示樣式的類名前綴為fade。同時，我們在.fade-enter-active和.fade-leave-active中設置了過渡動畫效果，其中opacity從0到1表示元素出現(xiàn)的過渡效果，從1到0表示元素消失的過渡效果。

當我們點擊MyComponent組件中的按鈕時，將會執(zhí)行hide方法，將show設置為false。此時，<transition>會自動添加fade-leave-to類名，在leave-to屬性的作用下，觸發(fā)消失的過渡效果。