好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

vue2-elm

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/

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于vue2-elm的详细内容...

  阅读:26次

上一篇

下一篇

第1节:PhoneGap    第2节:WXPage    第3节:Remax    第4节:Mobiscroll    第5节:mobilebone.js    第6节:WeZRender    第7节:weex    第8节:image-cropper    第9节:mobile-calendar    第10节:amazeui    第11节:weui    第12节:wxapp-market    第13节:material-kit    第14节:AUI Mobile    第15节:touchui    第16节:alita    第17节:vum    第18节:FrozenUI    第19节:Touch WX    第20节:Flutter    第21节:nutui    第22节:Onsen UI    第23节:Tina.js    第24节:fastclick    第25节:golden-layout    第26节:Weex Ui    第27节:cordova    第28节:wxParse    第29节:antmove    第30节:GMU    第31节:react-use-gesture    第32节:labrador    第33节:wux-weapp    第34节:vux    第35节:noUiSlider    第36节:wechat-im    第37节:jquery-weui    第38节:vant    第39节:pulltorefresh.js    第40节:slip.js    第41节:react-native-sideswipe    第42节:BeautyWe.js    第43节:lottie-web    第44节:react-native-elements    第45节:cube-ui    第46节:lin-ui    第47节:wxSearch    第48节:DHTMLX    第49节:bttn.css    第50节:微信小程序    第51节:westore    第52节:framework7    第53节:uni-app    第54节:vue2-elm    第55节:vue-ydui    第56节:bindingx    第57节:Jingle UI    第58节:weui-wxss    第59节:WeexBox 2.0    第60节:vant-weapp    第61节:NativeScript    第62节:快应用    第63节:weui+    第64节:Taro    第65节:NativeBase    第66节:graceUI    第67节:mavonEditor    第68节:Ratchet    第69节:AKjs.Mobile    第70节:mobile-angular-ui    第71节:React Belle    第72节:Hermes    第73节:ColorUI    第74节:Atom-Design    第75节:ionic    第76节:wxapp-img-loader    第77节:React Native    第78节:jquery Mobile    第79节:vueg    第80节:mand-mobile    第81节:wemark    第82节:vasern    第83节:mint-ui    第84节:uni-simple-router    第85节:switchery    第86节:mobi.css    第87节:Mand Mobile    第88节:react-virtualized    第89节:iview-weapp    第90节:eros    第91节:minui    第92节:react-native-ui-lib