在Nuxt.js中使用Vuex -正确的方式

// store/index.js
import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    // 导入并注册模块
    moduleA: require('./modules/moduleA').default,
    moduleB: require('./modules/moduleB').default
  }
})

// store/modules/moduleA.js
const state = {
  // 模块A的状态
}

const mutations = {
  // 模块A的mutations
}

const actions = {
  // 模块A的actions
}

const getters = {
  // 模块A的getters
}

export default {
  state,
  mutations,
  actions,
  getters
}

// store/modules/moduleB.js
// 模块B的代码与模块A类似，省略

// nuxt.config.js
export default {
  // 其他配置项
  plugins: [
    // 其他插件
    { src: '~/plugins/vuex-persist', ssr: false } // 可选的插件配置
  ],
  buildModules: [
    // 其他构建模块
  ],
  modules: [
    // 其他模块
  ],
  store: true // 启用Vuex插件
}