vuex模块中namespace

在 Vuex 模块中，可以使用 `namespace` 属性来指定模块的命名空间。命名空间可以帮助我们在多个模块中避免命名冲突，以及更好地组织和管理状态、getters、mutations、actions 等。

当设置了命名空间后，我们在访问模块的状态、getters、mutations、actions 时，需要在调用它们的时候加上命名空间的前缀。

例如，假设有一个名为 `user` 的模块，我们可以在模块定义中使用 `namespace` 属性来指定命名空间：

const userModule = {
  namespaced: true, // 设置命名空间为 true
  state: { ... },
  getters: { ... },
  mutations: { ... },
  actions: { ... }
}

然后我们可以在其他模块或组件中使用 `mapState`、`mapGetters`、`mapMutations`、`mapActions` 等辅助函数来访问该模块的状态、getters、mutations、actions：

import { mapState, mapGetters, mapMutations, mapActions } from 'vuex'

// 在组件中使用 mapState 获取状态
computed: {
  ...mapState('user', {
    userState: state => state.stateName
  })
}

// 在组件中使用 mapGetters 获取 getters
computed: {
  ...mapGetters('user', {
    getUser: 'getterName'
  })
}

// 在组件中使用 mapMutations 提交 mutations
methods: {
  ...mapMutations('user', {
    updateUser: 'mutationName'
  })
}

// 在组件中使用 mapActions 分发 actions
methods: {
  ...mapActions('user', {
    fetchUser: 'actionName'
  })
}

这样，通过指定命名空间，我们可以很方便地在模块中进行状态管理，并且避免了命名冲突的问题。