如何清除 vuex 商店中的状态？

Question

我在 vuex 商店的状态是巨大的。

有没有办法一次性重置所有状态数据，而不是手动将所有内容设置为空？

原文由 KaliCharan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我刚刚找到了适合我的绝佳解决方案。

 const getDefaultState = () => {
  return {
    items: [],
    status: 'empty'
  }
}

// initial state
const state = getDefaultState()

const actions = {
  resetCartState ({ commit }) {
    commit('resetState')
  },
  addItem ({ state, commit }, item) { /* ... */ }
}

const mutations = {
  resetState (state) {
    // Merge rather than replace so we don't lose observers
    // https://github.com/vuejs/vuex/issues/1118
    Object.assign(state, getDefaultState())
  }
}

export default {
  state,
  getters: {},
  actions,
  mutations
}

感谢 Taha Shashtari 的出色解决方案。

迈克尔，

原文由 Michael Horojanski 发布，翻译遵循 CC BY-SA 4.0 许可协议