vue頁面切換效果（slide效果切換）

 最近碰到一個需求，單頁應用裏面頁面切換的效果須要作成跟輪播圖滑動slide同樣，讓這個頁面在切換時感受是一個頁面。反覆琢磨的vue裏面的transition，最終將實現的核心代碼貼出來。這裏實現的是上下切換，左右的效果相似。

核心代碼以下(App.vue)：

注：這裏使用了vue-touch組件來監聽swipe事件

最重要的就是transition的樣式：