vue2如何修改store中state的数据

在Vue 2中，你可以通过以下几种方式来修改store中state的数据：

1. 使用mutations：mutations是用于修改state的方法。你可以在store的mutations对象中定义一个方法来修改state的数据。例如：

// 在store中定义mutations
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++
    }
  }
})

// 在组件中调用mutations方法来修改state
this.$store.commit('increment')

2. 使用actions：actions用于处理异步操作，并且可以通过commit方法来调用mutations来修改state的数据。例如：

// 在store中定义actions
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++
    }
  },
  actions: {
    incrementAsync({ commit }) {
      setTimeout(() => {
        commit('increment')
      }, 1000)
    }
  }
})

// 在组件中调用actions方法来修改state
this.$store.dispatch('incrementAsync')

3. 使用getters：getters用于对state进行过滤或计算。你可以在store的getters对象中定义一个方法来获取state的数据，然后在组件中通过$store.getters来获取计算后的数据。例如：

// 在store中定义getters
const store = new Vuex.Store({
  state: {
    count: 0
  },
  mutations: {
    increment(state) {
      state.count++
    }
  },
  getters: {
    doubleCount(state) {
      return state.count * 2
    }
  }
})

// 在组件中获取计算后的数据
this.$store.getters.doubleCount

这些方法可以帮助你在Vue 2中修改store中state的数据。