store.js 794 B

123456789101112131415161718192021222324252627282930313233343536
  1. import Vue from 'vue' //引入 Vue
  2. import Vuex from 'vuex' //引入 Vuex
  3. Vue.use(Vuex)
  4. const store = new Vuex.Store({
  5. state:{
  6. userName:'',
  7. hasLogin:false,
  8. usingIndex: -1, // 用户手动选择的地址下标
  9. list: [] // 地址列表
  10. },
  11. getters: {
  12. usingAddressIndex: (state) => { // 用户订单地址Index
  13. return state.usingIndex
  14. }
  15. },
  16. //mutations 是操作state中变量的方法
  17. mutations:{
  18. GET_ADDRESS(state, list) { // 请求地址
  19. state.list = list
  20. },
  21. CHOOSEADDRESS(state, index) { // 用户下单手动选择地址
  22. state.usingIndex = index
  23. },
  24. CLEARCHOOSED(state) { // 下单完成清除已选的地址
  25. state.usingIndex = -1
  26. },
  27. DEL(state, index) { // 删除地址
  28. state.list.splice(index, 1)
  29. }
  30. },
  31. actions: {
  32. }
  33. })
  34. export default store