05-小兔鲜儿

本地购物车

01-购物车分析

总结：

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

注意：

• 登录后，需要合并本地购物车到服务端。
• 退出后，清空vuex数据也会同步清空本地数据。

02-加入购物车

目的：完成商品详情的添加购物车操作，支持未登录状态。

大致步骤：

• 约定本地存储的信息内容
• 编写mutaions添加购物车逻辑
• 编