购物车业务实现

仅此为自己写购物车业务的思路，记录分享~。

1.购物车的数据要在两个地方使用

---购物车页面和头部栏（头部栏是一个悬浮标签时显示的下拉框购物车）

---请求数据共享

①权限设置，去购物车页面必须是登录状态，因此要去设置权限

--在router-index.js中：给每个路由添加一个meta属性

--引入vuex文件

②在登录页面，登录成功后就调用actions中的方法，获取购物车数据（后面讲actions）

---actions中设置

①给actions中添加一个方法-getCartData(store)，请求购物车数据 .

②在此文件头部引入axios模块

③用户id从store的state的user中读取--登录的时候存储的

④发送请求获取数据，state中声明cartData来存储购物车数据

⑤mutations中制作updateCartData方法来更新数据

⑥在Cart.vue的挂载方法里，触发actions中的getCartData()方法，数据存储在vuex里

⑦通过mapSate映射到Cart.vue中，进行渲染