高仿饿了么 app 商家详情 (vue 2 +vue-router 2 + es 6 + webpack )

9,071 阅读1分钟
原文链接: github.com

QQ截图20170104094615.png

demo

demo 地址

项目依赖

  • 本项目依赖 eslint全局环境,没有请下载
  • cnpm install -g eslint
  • 这个脚手架最好也下了
  • cnpm install -g vue-cli

项目下载,运行,打包

  • git clone github.com/liangxiaoju… (下载)
  • cnpm install --save (淘宝镜像源)
  • npm run dev (运行)
  • npm run build (打包编译)

项目总结

  • 1.使用vue-cli构建项目,可以快速起手进入代码编写
  • 2.使用eslint 规范项目格式,保持风格统一
  • 3.使用 better-scroll 来进行滑动的支持
  • 4.尽量使用组件化,模块化的思想,即什么都能成为组件
  • 5.本项目在安卓4.2以下的动画效果不是很理想,滑动也不流畅。这一点正在改进。
  • 6.不利用vuex,进行父子间的通信。
  • 7.有什么意见建议请联系我 ##最后

最后附上github地址github.com/liangxiaoju…,喜欢的麻烦帮我点个star,我会分享更多干货。