基于Vue3的购物商城平台
Vue3 + Pinia + Element Plus + Vite + axios
- 对图片懒加载指令进行封装，通过调用该指令，延迟加载页面上的图片，避免了一次性加载所有图片的性能消耗，有效地减少了页面的初始加载时间，并提升了用户体验。
- 对通用业务组件封装，优化了项目的代码复用性和开发效率，提高了代码的可维护性和可扩展性，减少了重复编写相似功能的代码——这些组件具有通用的功能和样式，并且可以在不同的业务场景中重复使用。
- 为了解决解决路由缓存问题，利用onBeforeRouteUpdate钩子函数，从而避免了重复的数据请求和组件渲染。
- 利用Pinia解决重复请求问题，采用Pinia的
state和actions来管理请求数据，通过缓存机制不仅避免了不必要的网络请求，还确保了数据的同步和一致。 - 结合Pinia和pinia-plugin-persistedstate插件实现了数据持久化。通过插件使所有store的状态将自动保存到本地存储中。在页面重新加载时，pinia会从本地存储中恢复之前保存的状态，确保数据的持久性和一致性。
-
商品模块 —— 展示商品以及详细信息
-
购物车模块 —— 展示当前所购买的产品信息（商品数量增减、加入清空商品）
-
个人中心模块 —— 展示个人资料以及订单信息、用户
-
结算支付模块