Day16-购物车页面-商品列表修改购物车商品的勾选状态

提纲挈领：

我的操作：

1》当用户点击 radio 组件，希望修改当前商品的勾选状态，此时用户可以为 my-goods 组件绑定 @radio-change 事件，从而获取当前商品的 goods_id 和 goods_state：

 定义 radioChangeHandler 事件处理函数如下：

 

2》 在 my-goods.vue 组件中，为 radio 组件绑定 @click 事件处理函数如下：

3》在 my-goods.vue 组件的 methods 节点中，定义 radioClickHandler 事件处理函数：

 

1》和2》和3》的效果图：

 

 

*************************************************************************************************************

2.拿到了商品的最新的状态并没有把这个状态更新到vuex里面。更新购物车里面的商品状态。

我的操作：

1》在 store/cart.js 模块中，声明如下的 mutations 方法，用来修改对应商品的勾选状态：

 

 2》在 cart.vue 页面中，导入 mapMutations 这个辅助函数，从而将需要的 mutations 方法映射到当前页面中使用：

1>引入mapMutations辅助函数

 2>

 

1》和2》的效果图：