vue制作饿了么点餐页面

项目启动

项目地址

step1:
git clone [email protected]:18810666595/vue-eleme.git

step2:
cd vue-eleme

step3:
npm install

step4:
npm run dev

效果图

vue-eleme.gif

技术栈

• vue-cli：Vue的官方脚手架工具
• Axios: 异步获取数据，尤大推荐axios比vue-resource好
• vue-router: Vue的路由管理插件
• ES6语法：更加简洁高效
• scss: 用编程的风格去写css,更加方便有逻辑
• flex布局：移动端使用flex布局轻松自适应
• eslint：语法检测，让代码规范美观，易维护
• webpack: 当下流行的模块加载和打包器

总结

1. 熟悉了vue开发单页应用的流程，使用vue-cli脚手架的经验
2. 使用了模块化组件的开发模式，便于项目的管理维护
3. 加深了移动端的开发认识，例如 1像素边框、设备像素比、媒体查询