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