js+vue+vuex点击步进器加入购物车、计算价格、点单列表，点单总数，单个列表点单数量，总价格，vuex版(增加，删除，金额计算，存储，总数，单个列表点单数量，总价格)

js+vue+vuex点击步进器加入购物车、计算价格、点单列表，点单总数，单个列表点单数量，总价格，vuex版(增加，删除，金额计算，存储，总数，单个列表点单数量，总价格)

vuex

写在package.json 的"dependencies"方法中 然后重新安装依赖
“vuex-persistedstate”: “^4.1.0”

import Vue from 'vue'
import Vuex from 'vuex'
import persistedState from 'vuex-persistedstate'
Vue.use(Vuex)
const state = {
  orderList: [], //食堂列表数据
  payList: [], //已点餐列表
  num: 0, //总金额
  listNum: 0, //总数量
}

const mutations = {
  orderList(state, data) {
    console.log(data)
    state.orderList = data
  },
  payList(state, data) {
    state.payList = data
  },
  num(state, data) {
    state.num = data
  },
  listNum(state, data) {
    state.listNum = data
  },
}

const store = new Vuex.Store({
  state,
  mutations,
  modules: {},
  plugins: [persistedState({ storage: window.sessionStorage })],
})

export default store

vue页面