一 淡入淡出效果
在這里我簡單的記錄一下vue動(dòng)畫的簡單使用以及常用的案例部分，具體的可以看vue官網(wǎng)的介紹https://cn.vuejs.org/v2/guide/transitions.html
1 簡單的顯示隱藏，變化（長度，各種，從一種狀態(tài)到另一種狀態(tài)的那種）
給要過渡的組件，部分外面包一層transition 組件i（你那兒用，我讓哪兒的動(dòng)畫方法生效是不是，你妹的）
<transition name="fade">
</transition>
//整個(gè)過渡中，給她應(yīng)用的樣式
.fade-enter-active, .fade-leave-active {
transition: opacity .5s
}
//定義組件過渡開始時(shí)的狀態(tài)
//定義離開過渡狀態(tài)的結(jié)束狀態(tài)
.fade-enter, .fade-leave-to /* .fade-leave-active in below version 2.1.8 */ {
opacity: 0
}
