团队作业(10)

 

 

store层搜索请求

//search模块的小仓库
import { reqMockBook } from '@/api'
let state = {
     //搜索模块返回的数据
     searchList: {}
};
let mutations = {
     GETSEARCHLIST(state, searchList) {
          state.searchList = searchList;
     }
};
let actions = {
     async getSearchList({ state, dispatch, commit }, searchParams) {
          let result = await reqSearchList(searchParams);
          if (result.code == 200) {
               commit('GETSEARCHLIST', result.data);
          }
     },
     async getBannerList({ commit, state, dispatch }) {
        //获取首页数据
        let result = await reqBannerList();
        if (result.code == 200) {
            // console.log('actions发请求')
            commit("GETBANNERLIST", result.data);
        }
    }
};

//getters:仓库的计算属性
//项目中:vuex的getters,为了简化数据而生。
let getters = {
     //计算新的属性:state,当前小仓库的数据
     goodsList(state) {
          return state.searchList.goodsList;
     },
     //品牌的数据
     trademarkList(state) {
          return state.searchList.trademarkList;
     },
     //商品属性
     attrsList(state) {
          return state.searchList.attrsList;
     }
};

//对外暴露
export default {
     state,
     mutations,
     actions,
     getters
}