vue2的vuex开启命名空间

Vue.js 2.x版本的Vuex（状态管理库）默认采用单一全局store结构，如果需要组织和模块化状态管理，可以开启命名空间功能。要在Vuex中开启命名空间，你需要按照以下步骤操作：

1. 创建一个包含命名空间的store实例：

import Vue from 'vue'
import Vuex from 'vuex'

const store = new Vuex.Store({
  modules: {
    // 使用点分隔表示命名空间
    user: {
      state: { ... },
      mutations: { ... },
      actions: { ... }
    },
    post: {
      state: { ... },
      mutations: { ... },
      actions: { ... }
    }
  },
  // 可选的选项，如strict模式等
})

2. 在组件中，通过`mapState`, `mapGetters`, `mapMutations`, 或 `mapActions` 注册局部的状态和行动：

import { mapState, mapActions } from 'vuex'

export default {
  computed: {
    ...mapState(['user', 'post']) // 获取用户和帖子模块的状态
  },
  methods: {
    ...mapActions(['getUserData', 'createPost']) // 调用用户和帖子模块的动作
  }
}

3. 访问状态和触发动作时，前缀命名空间名：

this.$store.state.user.userInfo
this.$store.dispatch('user.getUserData')

开启命名空间后，你的状态管理和模块化将更清晰，有助于大型应用的维护。