用vue寫一個簡單的segmentfault app界面

看vue也看了很多時間了，只是一直沒動過手寫過項目，這兩天正好閒着，就用vue練手寫了個簡單的segmentfault app的界面，功能上實現得還比較少，只把最外面一層的路由和數據展現寫了，內層文章頁面和問答之類的暫時還沒弄。數據是靜態的，放在/program/data.js裏面。

這個東西最大的麻煩點是嵌套路由，底部的tab bar和頂部的navigation bar還有中間的展現頁面是層層嵌套的，理解了這個以後其實其它的就不難了。

還有就是transition，無法作到徹底像app裏面的那樣，點擊tab bar兩個頁面同時開始透明-顯示或者顯示-透明的轉換，只能是一個頁面動畫進行完了，另外一個纔開始；並且中間的展現頁面由於是複用組件，複用組件的話好像是不執行動畫？這點我還沒仔細研究文檔。。。太懶了。。。

東西放在github上，地址是vue-segmentfault,裏面的segmentfault文件夾上執行

npm install 
npm run dev

便可，最好是在手機模式下瀏覽，直接用ngrok

ngrok http 8080

就能看到地址了，而後手機打開地址就能夠了，歡迎提issue和star。