最近碰到一個需求，單頁應用裡面頁面切換的效果需要做成跟輪播圖滑動slide一樣，讓這個頁面在切換時感覺是一個頁面。反複琢磨的vue裡面的transition，最終将實作的核心代碼貼出來。這裡實作的是上下切換，左右的效果類似。
核心代碼如下(App.vue)：
注：這裡使用了vue-touch元件來監聽swipe事件
最重要的就是transition的樣式：
最近碰到一個需求，單頁應用裡面頁面切換的效果需要做成跟輪播圖滑動slide一樣，讓這個頁面在切換時感覺是一個頁面。反複琢磨的vue裡面的transition，最終将實作的核心代碼貼出來。這裡實作的是上下切換，左右的效果類似。
核心代碼如下(App.vue)：
注：這裡使用了vue-touch元件來監聽swipe事件
最重要的就是transition的樣式：