链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

bxm0927/vue-meituan:基于Vue全家桶(2.x)制作美团外卖APP

bxm0927/vue - meituan是一个基于Vue全家桶(2.x)制作的美团外卖APP项目。该项目完整、功能完备、UI美观、交互一流。其前端使用了Vue、vue - router、vuex等技术,后端利用Node.js和Express,还有多种自动化构建及其他工具。开发者...

访问官网 →

【Github】项目名:bxm0927/vue – meituan:基于Vue全家桶(2.x)制作美团外卖APP

项目简介

这是一个基于Vue全家桶(2.x)制作的美团外卖APP,项目完整、功能完备、UI美观且交互一流,还有项目演示地址:http://39.108.232.27:9000。

项目核心技术

前端

使用Vue构建用户界面,其核心为响应的数据绑定和组件系统;vue – router为单页面应用提供路由系统且采用路由懒加载技术优化性能;vuex用于集中状态管理;vue – resource和axios用于服务端通讯;vue – lazyload实现图片懒加载;better – scroll优化移动端滑动体验;MintUI作为移动端组件库;Sass(Scss)作为css预编译处理器;ES6提供新语法,包含模块化、解构赋值等好用的方法;Moment.js用于日期时间格式化。

后端

利用Node.js与Express起本地测试服务器,Express自身功能极简,由路由和中间件构成。

自动化构建及其他工具

vue – cli快速初始化项目代码;ESLint规范代码书写;pm2作为带有负载均衡功能的Node应用进程管理器用于在阿里云服务器启动服务。

项目收获

通过该项目,开发者对vue的组件、指令等有了一定了解,熟悉了vue组件间交互、传值,在vue项目中使用第三方插件,组件化、模块化开发思维,vue – router控制路由方式,项目开发流程,还总结了Vue通用组件、SCSSmixin库和JS工具函数库,体会到组件化、模块化开发的便捷以及将对象封装成类的便捷性等。

项目总结

这个bxm0927/vue – meituan项目在前端、后端以及开发工具使用等多方面展现出其特点与优势,也让开发者有诸多收获。欢迎大家在评论区留言讨论这个项目,分享你的看法或者提出问题。

项目地址

GitHub链接直达