qq_45585640的博客

线上购物车01-登录后-合并购物车目的：登录后需要把本地购物车合并，且清空本地购物车。大致步骤：编写合并购物车的API接口函数编写设置购物车数据的mutations目的是清空购物车编写合并购物车的actions函数，实现合并后清空本地在登录完成后调用合并购物车函数落地代码：编写合并购物车的API接口函数 src/api/cart.js/** * 合并本地购物车 * @param {Array<object>} cartList - 本地购物车数组 * @pa

本地购物车01-购物车分析总结：购物车的各种操作都会有两种状态的区分，但是不会在组件中去区分。而是在封装在vuex中的actions中去区分，在组件上只需调用actions即可。在actions中通过user信息去区分登录状态未登录，通过mutations修改vuex中的数据即可，vuex已经实现持久化，会同步保持在本地。已登录，通过api接口去服务端操作，响应成功后通过mutations修改vuex中的数据即可，它也会同步在本地。actions函数需要改成 async 函数，返回的

04-小兔鲜儿

首页模块01-首页-商品分类渲染实现：商品分类渲染，数据存储在vuex中。基本步骤：在API目录定义接口函数在vuex中的category模块，定义修改分类列表函数，定义获取数据函数。在Layout组件获取调用actions获取数据，在头部导航组件渲染即可。优化：定义一个常量数据和后台保持一致（约定好9大分类）这样不请求后台就能展示一级分类，不至于白屏。落地代码：定义API函数 src/api/home.jsimport request from "@/utils/r

03-小兔鲜儿

01-小兔鲜儿