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