原創《如何用vue來輕鬆的駕馭 html5 webapp的頁面體驗》

因爲最近開始要作mobile的webapp 項目，因此利用週末的時間思考了下頁面的體驗問題，我主要參考了"微信"的頁面體驗，總結主要有2個頁面切換效果（點擊進入頁面效果 和 返回上級頁面效果），如下內容的分析我默認已經有vue的開發基礎了。

最終效果以下圖：

 

 

第一步: 頁面的動態化 transition參數，是統一獲取的。

 

第二步: app來維護pageTransitions的頁面效果

 

第三步: router.map 路由配置以下，能夠看到頁面作了（頭部、返回、菜單）的定製化：

 

第四步: 路由切換的事件攔截處理：

 

至此一個酷炫的頁面切換效果就完成了，呼籲開發人員應該多點我的情懷。