Vue 2.0+Vuex+Vue Router+Node.js+MongoDB手机端入门项目

Vue2.0 的入门练手项目还在找?这个整合了Vue2.0VuexVue-routerNode.jsMongoDB的手机 App 项目还挺合适的。功能不复杂,页面也比较清爽,适合自己撸一遍代码熟悉下前后端配合。

页面走的是手机端适配,结构清晰,组件划分合理。用的是vue-cli搭的脚手架,目录一目了然。接口部分用Node.js + Express写的,配合MongoDB做了数据持久化,增删改查基本都带了。

状态管理这块用了Vuex,购物车、用户登录这些逻辑都有示范,写法也比较规范。路由用的是Vue-router,页面切换顺畅,模拟登陆流程也挺完整。像beforeEach导航守卫也用上了,学着改改挺实用。

后端数据部分不复杂,新手能看得懂,连 MongoDB 的集合结构都写得清楚。比如商品列表、订单详情这些接口都封装好了,拿来调就行。响应也快,不用担心接口太卡。

如果你刚好在学Vue2或者想试着串一下前后端,不妨跑跑这个项目。改一改样式、换点数据,顺手还能当个毕设 demo。

zip 文件大小:9.18MB