vue2-elm 介绍
初学vue时曾在网上 搜索 vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高, 页面 之间交互复杂,又会伴随着 登录 、 注册 、 用户 信息等等,常常会让我们很头疼。既然还没人用vue写过这样的项目,那不如我来写,开源出来对能看到的人也会有帮助。
这种 功能 性的项目很实用但是往往也很枯燥,没有音乐播放器那么看起来绚丽,思来想去发现饿了么是 一个 不错的素材,一来它足够复杂,开放的外卖平台比一般的公司独有商店更加复杂。二来 见到那么多美食,大家也不会感觉到厌烦。
为啥是饿了么,而不是 百度 , 美团 ?原因很简单,三个外卖大佬里,饿了么的色调和布局是最漂亮的,看起来最舒服。
此项目大大小小共 45 个 页面 ,涉及 注册 、 登录 、商品展示、购物车、下单等等,是 一个 完整的流程。一般公司即便是官网的单 页面 项目都没这么复杂,如果这个项目能驾驭的了,相信大部分公司的其他单 页面 应用也就不在话下,即便更复杂,也不会比这个高到哪里去。
因为利用业余时间来做,年前就开始写,又跨个年,周期有点长,项目从零布局到完成共用了2个多月的时间,目前项目已经完成, 正在进行 一些 性能 的优化, 增加 详细的注释。
技术栈
vue2 + vuex + vue-router + webpack + ES6/7 + fetch + sass + flex + svg项目运行
注意:由于涉及大量的 ES6/7 等新 属性 ,node 需要 6.0 以上版本git clone https://github.com/bailicangdu/vue2-elm.git ?
cd vue2-elm
npm install 或 yarn(推荐)
npm run dev
网站地址 : https://cangdu.org/elm/
GitHub: https://github.com/bailicangdu/vue2-elm
网站描述: vue2 + vuex 构建 一个 具有 45 个 页面 的大型单 页面 应用
vue2-elm官方网站
官方网站: https://cangdu.org/elm/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。