一、在過渡 效果的使用中 ,key屬性須要注意 : 有相同父元素的子元素必須有獨特的 key。重複的 key 會形成渲染錯誤。 參考官方說明: https://cn.vuejs.org/v2/api/#keycss
注: v-if(v-if-else)條件 渲染中 過渡沒有效果,最好檢查 是否是 key 沒有設置(本身開發時遇到過這個問題,沒有設置 不一樣的key值,結果切換時沒有過渡效果)。html
二、vue 過渡 效果 使用。 官方文檔:https://cn.vuejs.org/v2/guide/transitions.html 和 https://cn.vuejs.org/v2/api/#transition(大綱介紹)vue
注意:具體的動畫效果須要本身在css中設置的。有規定的 css類名,頁能夠自定義相應的類名。api
transition經常使用屬性(Props):name、appear、mode(控制離開/進入的過渡時間序列,先出後進會比較協調)app