一、作用：在插入、更新或移除DOM元素時，在合適的時候給元素添加樣式類名
二、圖示

三、寫法：

元素進入的樣式 v-enter | v-enter-active | v-enter-to

元素離開的樣式 v-leave | v-leave-active | v-leave-to

使用 transition 包裹要過渡的元素，并配置 name 屬性：

<transition><h1 v-show="isShow">哈哈哈</h1> </transition>

如果有多個元素需要過渡，則需要使用 <transition-group> ，并且里面的元素都要指定 key 值

<transition-group appear><h1 v-show="!isShow" :key="1">哈哈哈</h1><h1 v-show="isShow" :key="2">哈哈哈</h1> </transition-group>

總結

以上是生活随笔為你收集整理的Vue 封装的过渡与动画的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。