vue+vuex+es6接口调用封装

小实例：

getCar.js

import { udao } from '@/api'
const getCar = {
  state: {
    CodeList: []
  },
  mutations: {
    SET_CODE: (state, codeList) => {
      state.CodeList = codeList
    }
  },
  actions: {
    async getCode({ commit }, car) {
      const s = 'Transmanager.getPcOrder'
      const b = {
        CL_Code: car.CL_Code,
        type: car.type
      }
      const res = await udao(s, b)
      console.log('我是车辆信息', res)
      commit('SET_CODE', res.info)
    }
  }
}
export default getCar

index.js

import Vue from 'vue'
import Vuex from 'vuex'
import getCar from './modules/getCar'
Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    getCar
  },
  getters
})

export default store

getters.js

const getters = {
  CodeList: state => state.getCar.CodeList
}
export default getters

页面调用：

    // 查看订单详情
    async arriveSelect(row) {     
        const b = {
        CL_Code: row.CR_Code,
        type: '2'
      }
      await this.$store.dispatch('getCode', b)
      console.log(11111122222, this.$store.getters.CodeList)
      this.carloadOpt.list = this.$store.getters.CodeList
}