看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。