vue namespaced

Vue中的命名空间（Namespaced）是一种将模块化组织的方式，它可以避免模块之间的命名冲突，以及在 Vuex 等状态管理工具中使用时，可以更方便地组织和调用模块。在 Vue 中，命名空间是通过 `namespaced` 属性来实现的。

在一个模块中，如果将 `namespaced` 属性设置为 `true`，那么该模块的所有 getters、mutations 和 actions 都会被自动添加上一个命名空间。例如：

const store = new Vuex.Store({
  modules: {
    foo: {
      namespaced: true,
      state: { count: 0 },
      getters: {
        getCount: state => state.count
      },
      mutations: {
        increment: state => state.count++,
        decrement: state => state.count--
      },
      actions: {
        asyncIncrement({ commit }) {
          setTimeout(() => commit('increment'), 1000)
        }
      }
    }
  }
})

在上面的代码中，我们定义了一个名为 `foo` 的模块，并将其设置为命名空间模块。这样，我们在组件中使用该模块的 getters、mutations 和 actions 时，需要通过 `namespace` 属性来指定命名空间，例如：

export default {
  computed: {
    count() {
      return this.$store.getters['foo/getCount']
    }
  },
  methods: {
    increment() {
      this.$store.commit('foo/increment')
    },
    asyncIncrement() {
      this.$store.dispatch('foo/asyncIncrement')
    }
  }
}

需要注意的是，在使用命名空间时，如果不指定命名空间，那么默认会访问全局的 getters、mutations 和 actions，这可能会导致错误。因此，在使用命名空间时，一定要注意指定命名空间。