vuex 中model的使用

在 Vuex 中，没有 Model 的概念，可能是您想问的是 Module 的使用。

Module 是 Vuex 中组织代码的一种方式，它将 store 分割成一些小的模块，每个模块都有自己的 state、mutations、actions、getters 等。通过使用 Module，我们可以更好地组织代码，使得代码变得更加清晰和易于维护。

下面是一个简单的 Module 示例：

const moduleA = {
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count++
    }
  },
  actions: {
    incrementAsync ({ commit }) {
      setTimeout(() => {
        commit('increment')
      }, 1000)
    }
  },
  getters: {
    doubleCount (state) {
      return state.count * 2
    }
  }
}

const store = new Vuex.Store({
  modules: {
    a: moduleA
  }
})

上面的代码中，定义了一个名为 `moduleA` 的 Module，它包含有 state、mutations、actions、getters。在定义 Module 时，需要将其作为参数传递给 `Vuex.Store` 的 `modules` 属性，这样才能将 Module 注册到 Vuex 的 Store 中。

如果要访问 Module 中的 state、mutations、actions、getters，我们可以通过 `this.$store.state.a.count`、`this.$store.commit('a/increment')`、`this.$store.dispatch('a/incrementAsync')`、`this.$store.getters['a/doubleCount']` 的方式进行访问。需要注意的是，在访问 Module 中的内容时，需要在其名称前加上 Module 名称，以区分不同的 Module。