uniapp-商城-27-vuex 通用方法

1 概述

上节说了vuex 的基本使用方法，分析了基本的使用方法。

在使用中，常见使用，我们要针对状态，购物车，不同类事务的管理，如果按照上节课的通用方法，那么使用和维护是会很大的难度的。

所以这里就必须要进行处理，借助 modules  进行定义不同类事务的处理手段。便于后期维护和使用。

2 步骤

1、在store 中 建 一个文件夹  modules

2、在 modules 下对不同类事务建立JS文件

3、不同类的事务的JS 中创建对应的 state  mutations

state 就是该类事务需要的数据，数据的处理方法  mutations

4、定义：getters.js  将上面的3 中定义的  state  mutations 进行逻辑运算，并把计算好的结果---用变量的形式暴露---给外面的页面调用；

5、在store中 index 中 创建 getters和modules。

state在modules中的js文件中已经 分类创建了

6、在外面需要的页面和组件进行调用就ok

3 详细

第一步骤：在store 中 建 一个文件夹  modules

第二步骤：        在 modules 下对不同类事务建立JS文件

1 car.JS  包含state  mutations  还要导出cars

const cars = {//这里就没有modules了  因为这就是modulesstate: {//定义变量carsList: [],},mutations: {//定义动作 state 是上面定义的变量   num 是传进来的值setCarsList(state, itemNum) {if(itemNum==0) return state.carsList=[];let {item,num} = itemNum;let caritem = {goodsid: item.id || item.goodsid,   //注意数据来源  第一个是点击shop。vue的数据，第二个是点击购物车的数