Vue-饿了么系统项目

项目功能

vue2.0实战高仿饿了么，实现饿了么诸多功能
——商品列表
——商品详情
——店铺标签
——星级评分
——酷炫购物车
——留言板

项目结构

项目代码

_drop(target) {
  // 体验优化,异步执行下落动画
  this.$nextTick(() => {
    this.$refs.shopcart.drop(target);
  });
},
_initScroll() {
  this.meunScroll = new BScroll(this.$els.menuWrapper, {
    click: true
  });

  this.foodsScroll = new BScroll(this.$els.foodsWrapper, {
    click: true,
    probeType: 3
  });

  this.foodsScroll.on('scroll', (pos) => {
    this.scrollY = Math.abs(Math.round(pos.y));
  });
},

环境搭建

初始化环境参考：利用vue-cli搭建vue项目框架

后台数据库：MySQL/mangoDB

项目运行

npm install

npm run dev

访问：localhost:8080

项目截图

相关源码

（9.99元——打赏后评论或者备注留言，例如：”已支持，your_email@xxx.com，ele”）

一年365天，希望各位看官达人多多支持，打赏后将及时发送源码或者视频资源，操作如下