使用 map 辅助函数简化代码：

javascript

import { mapState, mapGetters } from 'vuex'

export default {
  computed: {
    ...mapState(['num']),
    ...mapGetters(['doubleNum'])
  }
}

模块化开发：

javascript

// modules/student.js
export default {
  namespaced: true,
  state: { list: [] },
  mutations: {
    ADD(state, item) {
      state.list.push(item)
    }
  }
}

// store/index.js
import student from './modules/student'

export default new Vuex.Store({
  modules: { student }
})

数据持久化配置：

javascript

import createPersistedState from 'vuex-persistedstate'

export default new Vuex.Store({
  plugins: [
    createPersistedState({
      storage: window.sessionStorage
    })
  ]
})

核心概念对比表：