vue 過渡 動畫

觸發條件

條件渲染 (使用 v-if)
條件展現 (使用 v-show)
動態組件
組件根節點

leave

1.v-leave 當前元素準備從顯示轉變成隱藏，在動畫開始前添加到元素上，動畫一旦開始會當即刪除
2.v-leave-active 在動畫過渡過程當中，元素一直擁有該樣式，直到動畫結束則自動刪除，用於設置過渡的效果
3.v-leave-to 在動畫過渡過程當中，元素一直擁有該樣式，直到動畫結束則自動刪除，用於設置動畫最終的效果

enter

1.v-enter 當前元素準備從隱藏轉變成顯示，在動畫開始前添加到元素上，動畫一旦開始會當即刪除
2.v-enter-active 在動畫過渡過程當中，元素一直擁有該樣式，直到動畫結束則自動刪除，用於設置過渡的效果
3.v-enter-to 在動畫過渡過程當中，元素一直擁有該樣式，直到動畫結束則自動刪除，用於設置動畫最終的效果