Vuejs路由過分動畫

須要在App.vue文件裏添加<transition>標籤，並給標籤起一個名字叫fade。

CSS 過分類名：

組件過分過程當中，會有四個CSS類名進行切換，這四個類名與transition的name屬性有關，好比name='fade'，

會有以下四個CSS類名：

一、fade-enter進入過分的開始狀態，元素被插入式生效，只應用一幀後馬上刪除。

二、fade-enter-active進入過分的結束狀態，元素被插入時就生效，在過分過程完成後移除。

三、fade-leave離開過分的開始狀態，元素被刪除時觸發，只應用一幀後馬上刪除

四、fade-leave-active離開過分的結束狀態，元素被刪除時生效，離開過分完成後被刪除

從上面四個類名能夠看出，fade-enter-active和fade-leave-active在整個進入或離開過程當中都有效，

因此CSS的transition屬性在這兩個類下進行設置