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