Vue 2.0+Vuex+Vue Router+Node.js+MongoDB手机端入门项目
Vue2.0 的入门练手项目还在找?这个整合了Vue2.0、Vuex、Vue-router、Node.js、MongoDB的手机 App 项目还挺合适的。功能不复杂,页面也比较清爽,适合自己撸一遍代码熟悉下前后端配合。
页面走的是手机端适配,结构清晰,组件划分合理。用的是vue-cli
搭的脚手架,目录一目了然。接口部分用Node.js + Express
写的,配合MongoDB
做了数据持久化,增删改查基本都带了。
状态管理这块用了Vuex
,购物车、用户登录这些逻辑都有示范,写法也比较规范。路由用的是Vue-router
,页面切换顺畅,模拟登陆流程也挺完整。像beforeEach
导航守卫也用上了,学着改改挺实用。
后端数据部分不复杂,新手能看得懂,连 MongoDB 的集合结构都写得清楚。比如商品列表、订单详情这些接口都封装好了,拿来调就行。响应也快,不用担心接口太卡。
如果你刚好在学Vue2
或者想试着串一下前后端,不妨跑跑这个项目。改一改样式、换点数据,顺手还能当个毕设 demo。
9.18MB
文件大小:
评论区