vuex映射函数引入module

在使用 Vuex 的时候，我们可以将 store 分为多个 module 来管理，每个 module 包含自己的 state、mutations、actions 等。当我们需要在组件中使用 module 中的 state 时，可以使用 Vuex 的映射函数来简化代码。

假设我们有一个 store，其中包含了一个名为 `user` 的 module，我们想要在组件中使用 `user` module 中的 `name` state，可以使用如下的映射函数：

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState({
      userName: state => state.user.name
    })
  }
}

这里使用了 `mapState` 函数，它接收一个对象作为参数，对象中的每个属性都是一个函数，函数的参数是 state，返回值是 state 中的某个数据。在组件中使用时，会将这个函数的返回值映射到组件的计算属性中。

需要注意的是，因为 `user` module 中的 state 是嵌套在 store 中的，所以我们需要在函数中使用 `state.user.name` 的方式来获取 `name` state 的值。