首页  >  文章  >  web前端  >  Vue.js高仿饿了么外卖用到哪些技术栈?

Vue.js高仿饿了么外卖用到哪些技术栈?

零下一度
零下一度原创
2017-06-26 15:21:032680浏览

Vue.js高仿饿了么外卖用到哪些技术栈?

学习Vue.js也有一阵子了,为了加深对Vue的理解及运用,做了一个小项目。这是一个高仿饿了么外卖WebApp,现已完成商品预览、商品详情、商家预览、添加购物、查看评论等功能。

部分截图

路由展示

商品分类及添加购物

商品详情及购物车

技术栈

虽然项目较小,但常用的技术工具均有使用,本项目对于vue初学者来说,难度适宜,可以从中学到各种工具的运用,若能独立完成此项目,对自动化构建vue项目将有很大帮助。正在学习Vue的同学,不妨亲手试试吧。本项目使用到的技术栈有:

  • MVVM框架:Vue.js(2.x)

  • 状态管理:Vuex

  • 前端路由:Vue-router

  • 服务端通讯:axios

  • 滚动插件:iscroll

  • 构建工具:webpack

  • css预处理:stylus

说明

线上预览版本数据为mock数据,未使用axios从服务器端获取,若想了解axios在本项目中的使用,可fork本项目并clone到本地查看。

以上是Vue.js高仿饿了么外卖用到哪些技术栈?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn