本文最后更新于536 天前，其中的信息可能已经过时，如有错误请发送邮件到1986413837@qq.com
实现功能
下面是各个模块的基本页面
首页
商品列表
商品详情页
登录页
购物车页
订单结算页
我的主页
项目收获
完整电商购物业务流
组件库vant( 移动端常用组件库 )
移动端vw适配
request请求方法封装
storage存储模块封装
api请求模块封装
请求响应拦截器
嵌套路由配置
路由导航守卫
路由跳转传参
Vuex分模块管理数据
项目打包&&优化
项目简介
该项目为电商平台前台，包含首页、搜索列表、商品详情、购物车、订单、支付以及用户登录/注册等核心模块
技术栈主要采用 Vue.js、Vuex、Vue Router和 Axios，负责页面的动态交互与数据管理
模块化数据管理:使用 Vuex 进行模块化开发,分别为首页、搜索页等模块设计独立的数据管理方案，确保每个页面的状态独立且易于维护
同时，针对项目中的三级联动数据(如商品分类)，实现了动态展示功能，使用户体验更加流畅
用户登录和购物流程:构建了完整的用户登录、商品选择，购物车、订单提交与支付流程，并通过 Axi05 与后端接口高效交互，确保了整个购物流程的顺杨进行，强化了用户体验
感悟与体会
这个项目也算是我做的第一个比较大型的Vue2项目 我深深体会到了理解业务的重要性 代码的实现并不是太大的难点 可以靠训练到达熟练的程度 但是只有提高对业务的理解才可以更好地完善一个项目 一个工程 给用户带来更舒适的交互体验……. 在项目的实现过程中我理解到了代码封装的作用 不仅简化了代码 减轻了负担 还大大提高了管理代码的效率 在这里展示一下最后的代码目录
分块的管理 清晰地划分了每个模块的功能
总的来说 收获很多
后面要去学习Vue3了 学好之后仍然会有项目的练习 不过那将会是更大的项目咯~~~