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。vu