Vue 2.0+Axios+ES6+Vue Router+Stylus+BetterScroll高仿饿了么App
vue2.0 的高仿饿了么 App 项目，技术栈搭配得还挺舒服的。页面切换用的是vue-router，数据求靠axios，样式用了stylus，再加上better-scroll搞定滑动体验，整个动起来还蛮流畅的。
Vue 2.0配上组件化写法，页面结构清晰，维护也方便。看起来挺复杂的 UI，其实都是小组件拼出来的，逻辑都封在各自模块里，查问题也方便。
axios用得比较轻巧，封装了一下求和响应拦截器，统一数据结构和错误提示。你平时要对接后端接口的话，可以学学这种写法，挺省事。
ES6语法在里面用得也比较多，比如let/const、箭头函数、解构这些，写起来省不少代码。之前还不太熟 ES6 的话，这个项目练手刚刚好。
vue-router管理的页面路由清楚，每个页面就是一个组件，跳转流畅，也加了些导航守卫权限啥的，挺有参考价值的。
样式方面，Stylus用得比较克制，没搞太多花活，但变量和嵌套写法用得还不错，结构挺清晰。你如果平时写 CSS 写腻了，换 Stylus 试试也蛮。
页面滚动靠的是better-scroll，滚动区域分得挺细，像商品列表、详情页这些都做了适配，体验还不错。如果你也要搞移动端，better-scroll 确实是个还挺靠谱的选择。
，这套代码适合有点基础的前端朋友练手。你要是想整点 Vue 项目、顺带熟点 ES6、理顺路由和接口交互的逻辑，可以看看这个项目。
文件大小：37.86MB
评论区