在Vue3中使用Transition發(fā)現(xiàn)動(dòng)畫(huà)失效，看看問(wèn)題的過(guò)程：

1、剛開(kāi)始的寫(xiě)法

剛開(kāi)始的寫(xiě)法

結(jié)果發(fā)現(xiàn)動(dòng)畫(huà)無(wú)效，頁(yè)面沒(méi)有過(guò)渡效果，經(jīng)過(guò)仔細(xì)查看文檔，發(fā)現(xiàn)在Vue3中需要加一個(gè)appear屬性，如下：

加上appear屬性

這樣，過(guò)渡動(dòng)畫(huà)效果就可以了，另外注意Vue3中和Vue2中關(guān)于Router view的動(dòng)畫(huà)包裹寫(xiě)法是不一樣的，Vue3中，Vue-router最新暴露了一個(gè)v-slot的插槽，然后把Transiton組件包裹起來(lái)

最后提醒：Vue3的Fragment方式使得組件不再一定要在 一個(gè)元素的包裹下，但是如果使用Transition的話，其頁(yè)面組件還是需要放在一個(gè)根標(biāo)簽中才有效，否則是無(wú)效的